Youtubezilla.ru

Мастер бытовой техники
1 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Сжимаем изображения в Photoshop без потери качества

Вероятно, такой вопрос мог возникнуть в Вашей голове. Согласен, существуют и другие приложения и даже онлайн-сервисы, которые позволяют сжать картинки. Но это тема для моих последующих публикаций! А сегодня хочу рассказать именно о работе с данной программой, поскольку о ней спрашивают некоторые мои читатели.

Скорее всего, на Вашем компьютере уже установлен нужный графический редактор, и рассказывать о процессе скачивания, инсталляции я не буду.

Если фото у Вас много, рекомендую их разложить по папкам согласно тематике. Потом Вам проще будет ориентироваться, что и куда сохраняется. Иначе, возможна путаница.

Обратите внимание на формат. Если Вы сохранили объекты редактирования с интернета или скопировали из фотоаппарата, то чаще всего они будут иметь расширение «jpeg/jpg». Но может быть и «gif» или «png». Для последнего типа характерна прозрачность заднего фона, что делает такие изображения уникальными. Если хотите при сжатии оставить эти свойства, то лучше подобные объекты помещать в отдельное место (папку). Далее Вы узнаете почему.

Рассмотрим пару самых примитивных способов уменьшить вес фото или картинки. Самым простым, является применение возможностей стандартного графического редактора ОС Windows – Paint.

  1. Откройте выбранное изображение при помощи программы Paint
  2. Нажмите пункт верхней панели «Меню» и выберите из контекстного списка «Сохранить как…».
  3. В появившемся окне измените название файла, чтобы исходное изображение осталось неизменным.
  4. Немного ниже можно изменить формат для файла, оптимальным вариантом будет – JPEG
  5. Нажмите сохранить и можете сравнить размер исходного файла и полученного путём сохранения в Paint. У меня получилось что компрессия достигается около 5 – 10 %

Скорее всего подобная разница в размерах получается засчёт определённой кодировки файла при сохранении. Как я убедился на практике подобное решение не всегда срабатывает, и результат лучше всего заметен на оригинальных фотографиях. Так например, Вы не заметите разницы при сохранении небольшого изображения размером до 150 Килобайт и разрешением не больше 800 х 600.

Сжатие размера фото с помощи Microsoft Picture Manager

Второй метод уменьшения веса более наглядный. Для того чтобы воспользоваться нам понадобиться графический редактор – Microsoft Picture Manager. Эта программа поставляется в составе офисного пакета Microsoft Office, и находится практически во всех версиях данного продукта.

Найти программу можно по пути: Пуск – Программы – Microsoft Office – Средства Microsoft office; либо нажатием правой кнопкой мышки на исходное изображение – выберите пункт «Открыть с помощью» и нажмите искомую программу.

  1. Откройте фотографию в программе Microsoft Picture Manager
  2. В верхней части главного окна программы найдите кнопку «Изменить» — нажмите её.
  3. После у Вас появится боковая панель инструментов настройки.
  4. После найдите в появившейся панели два последних пункта, которые и отвечают за размер изображения.
  5. В зависимости от изменения фото выберим пункт. Если требуется уменьшить разрешение фотографии — «Изменить размер», если требуется уменьшить вес файла, то «сжатие рисунков».
  6. Воспользуемся первым пунктом и уменьшим разрешение фотографии. Найдите Процент от исходной ширины и высоты« выделите и установите значение от 1 до 99 процентов, значения выше 100 приведёт к увеличению разрешения.
  7. Я решил уменьшить своё фото ровно в два раза, что будет равняться 50 % от исходного разрешения. Ниже можно наблюдать предварительные расчёты разрешения.
    Редактирование-фото-в-Microsoft-Picture-Manager.-Изменение-размера-изображения
  8. Для того чтобы сохранить желаемый результат нужно нажать кнопку «ОК» в конце боковой панели.
  9. После изменений следует сохранить полученное фото отдельным файлом, чтобы не затронуть оригинальное изображение. Нажмите в верху пункт «Файл» и выберите из контекста «Сохранить как…»
  10. Измените название файла или его место хранения!
  11. «Сжатие рисунков» — не представляет собой ничего сложного, так же откроем фото или картинку для редактирования, перейдём по последнему пункту «Сжатие рисунков».
  12. и из предложенного списка шаблонов сжатия выберем требуемое.
  13. Я выбрал сжатие для «веб страниц»
  14. Так же как и в изменении размера можно пронаблюдать как измениться размер изображения, в моём случае оно уменьшилось почти в 11 раз.
    Редактирование-изображения-в-Microsoft-Picture-Manager.-сжатие-рисунков-для-веб-страниц
  15. Для того чтобы сохранить результат не забудьте нажать кнопку «ОК» внизу боковой панели.
  16. Чтобы не затронуть оригинального фото, следуйте пункту 9 – 10 этой инструкции.
Читайте так же:
Загрузите последнюю версию Windows 10 Privacy Fixer

Глава 3: «самый ответственный момент»

Создаем .js файл и получаем сжатое изображение за 3 простых шага:

1)При изменении input type=”file” получаем данные файла и загружаем в FileReader. После чего в функцию CompressImage отправляем его data-данные.

2)Внутри функции создаем элемент canvas для подальших действий с данными. И создаем новый image который заполняем data-данными (base64)

В котором значения maxHeight / maxWidth задаете по своему усмотрению. Изображение будет пропорционально конвертировано до заданных размеров по ограничению.
Далее идет проверка каким оно является: горизонтальным или вертикальным
И уже по результатам задается соответственный класс: photoH (горизонтальное изображение) / photoV (вертикальное изображение).

После чего холсту canvas задаются указанные размеры и изображение рисуется встроенной функцией drawImage.

Теперь же записываем data-данные сжатого изображения в переменной compressedData для подальшего заполнения списка.

С помощью встроенной функции toDataURL(‘формат исходного файла’, качество изображения от 0.1 к 1)

3) Для целостности добавляем функционал ✂️ удаления файлов и на этом наш потный рабочий день заканчивается.

При нажатии на крестик:
удаляем изображение;
удаляем input type=”hidden” value которого хранит данные сжатого изображения;
заменяем input name=”photos” что-бы скинуть данные файлов которые в нем сохраняются;
отмечаем input name=”delPhotos” как удаленный элемент;
удаляем сам крестик, так как он нам больше не нужен.

Получим ключ к API, для этого нужно зарегистрироваться на странице tinypng.com/developers.

После отправки формы придет письмо с ссылкой в личный кабинет.

tinypng.com ключ API

Получим запись из БД и отправим POST-запрос в формате JSON:

URL-кодирование str_replace('%2F', '/', rawurlencode($item['img'])) нужно для файлов с русскими названиями и пробелами иначе возникают ошибки.

Сервис возвращает данные в JSON:

Обработаем ответ. Если все прошло без ошибок, исходный файл переименуется в .bak, на его место с копируется новый.

Читайте так же:
Скачать XviD4PSP последнюю версию

Соберем и оптимизируем весь код в один файл optimize_img.php

При каждом запуске скрипта идет проверка на наличие несжатых файлов в БД, если очередь закончилась, то идет поиск и добавление новых файлов, и так по кругу.

Оптимизация изображения при помощи плагина Smush – Compress, Image Optimizer, Lazy Load, WebP Images

Самое простое решение массово оптимизировать уже установленные изображения на сайте, это установить специальный плагин для этих целей.

Таких плагинов достаточно много, но мне больше понравился Smush – Compress, его легко настроить, да и со своей задачей он хорошо справляется.

Установка и настройка Smush – Compress

Для установки плагина, следует войти в консоль сайта, с левой стороны меню выбрать «Плагины», затем «Установить новый» и в строке поиска можно внести Smush – Compress, из выбора появившихся плагинов, выбираем вот этот, устанавливаем его и активируем.

Установка Smush – Compress

Затем, нам стоит этот плагин настроить. После установки, он появится в левой стороне меню консоли, нажав на него, начинаем настраивать Smush – Compress.

Настройка Smush – Compress

Настройки здесь понятные, обязательно включите «Автоматическую оптимизацию» и при загрузке фото, плагин будет автоматически производить их оптимизацию.

Автоматическая оптимизация в Smush – Compress

Далее вам поступит предложение «Очистить метаданные изображений». Выбирайте по своему усмотрению, нужно ли вам это. Я у себя включила этот пункт.

Далее переходим в пункт «Включить отложенную загрузку». Советую его включить, так как у пользователей с медленным интернетом в таком случае текст сайта будет загружаться быстрее.

Включить отложенную загрузку в Smush – Compress

Следующий пункт «Данные использования» можно не включать, но нажать на «Завершить настройку» нужно.

Массовая оптимизация фото в Smush – Compress

Затем, после всех настроек, вы получите примерно вот такую информацию, конечно нам стоит сразу нажать на кнопку «Оптимизировать все изображения».

Массовая оптимизация в Smush – Compress

В бесплатной версии Smush, за один раз производится оптимизация до 50 изображений, но куда нам торопиться, нужно будет нажать на кнопку столько раз, пока плагин не обработает все фото.

Как происходит процесс сжатия файлов, вы будете видеть в реальном времени.

Ну а все последующие, загруженные вами изображения будут оптимизироваться автоматически.

Друзья, как видите, способов для уменьшения веса фото есть много, выбирайте, какой Вам больше нравится.

Расскажите, а как вы добиваетесь уменьшения веса изображения для размещения на страницах сайта. Если есть вопросы, спрашивайте и я обязательно на них отвечу. До новых встреч!

4 способа уменьшить размер фото

Уменьшить размер и вес фото проще простого, и для этого не понадобятся никакие специальные онлайн сервисы. Если вам нужно уменьшить размер одной фотографии, то можно обойтись программой предустановленной в Windows. С уменьшением размера большого количества фото справиться бесплатная программа FastStone или можно воспользоваться Adobe Photoshop и Lightroom.

Читайте так же:
Можно ли удалять комментарии в Инстаграме

Как уменьшить размер фото инструментами Windows, в программах Photoshop и Lightroom, с помощью бесплатной программы | Фото и видео в Путешествии | Справочник туриста | Эксперт по путешествиям AsiaPositive.com

В каких случая может понадобиться уменьшить размер фото:

  • фото предназначены для загрузки на сайт (например, для блога, статьи, фото-отчёта с поездки) и файлы нужно уменьшить до оптимального размера;
  • необходимо отправить фото по почте (высокое качество фото не требуется);
  • есть желание отправить фото на конкурс, где требуется предоставить файлы определённого размера.
  • нужно загрузить фото на сайт, на котором ограничения по размеру фото (в пикселях — px) или весу файла (в мегабайтах — МБ);

Читайте, что такое пиксель, в чём измеряется размер и вес фото в статье Размер, вес и формат фотографий. Вторая статья, которая может оказаться полезной — Как узнать размер фото.

1 | Способ уменьшить размер фото в Paint (предустановлен в Windows).

Программа Paint хорошо справиться с несколькими файлами, но уменьшать большое количество фото этим способом займёт много времени. Перед уменьшением размера файла обязательно создайте копию, так как Paint при сохранении перезапишет файл с новыми настройками, поверх оригинала.

Откройте фото в программе Paint (кликнув правой кнопкой мыши по фото и выбрав из списка нужную программу — Paint), в верхней панели нажмите на Resize (изменение размера). В открывшемся меню можно выбрать проценты или пиксели.

Как уменьшить размер фото инструментами Windows - в программе Paint. | Фото и видео в Путешествии | Справочник туриста | Эксперт по путешествиям AsiaPositive.com

Уменьшение размера фото в программе Paint

2 | Способ уменьшить размер фото в программе Adobe Photoshop.

Чтобы изменить размер фото Фотошопе, нужно нажать комбинацию клавиш Alt+Ctrl+I или зайти в меню Image (Изображение) ►Image size (Размер изображения). Следите за наличием галочки в поле «сохранить пропорции». Если нужно уменьшить размер большому количеству фотографий, то стоит создать Action (Действие) и потом использовать его при помощи автоматической пакетной обработки (это тема для отдельной статьи и если вы не знаете, как это сделать, то читайте дальше — будет более простой способ уменьшить фото).

Как уменьшить размер фото в программе Adobe Photoshop | Фото и видео в Путешествии | Справочник туриста | Эксперт по путешествиям AsiaPositive.com

Уменьшение размера фото в программе Adobe Photoshop

В Фотошоп есть ещё инструмент — сохранения файлов для Web (подразумевается для сайтов в интернете), где в одном окне можно сразу изменить не только размер фото, но и степень и тип сжатия jpg, удалить метаданные и оценить результат (в том числе увидеть вес конечного файла). Чтобы открыть этот инструмент Photoshop, нужно нажать комбинацию клавиш Alt+Shift+Ctrl+I или зайти в меню File (Файл) ►Save for Web (Сохранить для Web).

3 | Способ уменьшить размер нескольких фото в программе Adobe Lightroom.

В программе Лайтрум можно не только быстро обрабатывать большое количество фотографий. В ней есть очень много полезных инструментов и уменьшение размера фото — лишь один из них.Чтобы изменить размер фото в Lightroom, нужно выделить файлы, нажать кнопку Export и настроить параметры в полях Image Sizing.

Как уменьшить размер фото в программе Adobe Lightroom | Фото и видео в Путешествии | Справочник туриста | Эксперт по путешествиям AsiaPositive.com

Уменьшение размера фото в программе Adobe Lightroom

Читайте так же:
Как удалить Picasa

4 | Способ уменьшить размер фото с помощью бесплатной программы.

Удобная бесплатная программа, которая умеет быстро уменьшать любое количество фото — FastStone Photo Resizer. Её можно скачать на сайте разработчика (faststone.org) и пользоваться совершенно бесплатно. Чтобы открыть меню для изменения размера фотографий, нужно поставить галочку «Use advanced options» и потом нажать на появившуюся кнопку «Advanced options».

Как быстро уменьшить размер нескольким фото в бесплатной программе | Фото и видео в Путешествии | Справочник туриста | Эксперт по путешествиям AsiaPositive.com

Уменьшение размера фото в программе FastStone Photo Resizer

В этой программе можно вместе с изменением размера фото, добавить на фото надпись или логотип (водяной знак), изменить разрешение или количество цветов. Настроек много — если есть желание и время, то можно их все изучить.

Как уменьшить размер фото инструментами Windows, в программах Photoshop и Lightroom, с помощью бесплатной программы | Фото и видео в Путешествии | Справочник туриста | Эксперт по путешествиям AsiaPositive.com

Сохраните статью на память в Pinterest

Какой из перечисленных способов лучше использовать для уменьшения размера фото? Зависит от того, как часто и как много фото нужно уменьшать, нужно ли при этом их обрабатывать или оптимизировать для загрузки на сайт. Я предпочитаю использовать программу Adobe Lightroom и её богатый выбор инструментов для работы с фото.

Если у вас возникли вопросы или пожелания, пишите в комментариях ниже — будет находить ответы и решения.

Уменьшение размера файла рисунка в Microsoft Office

Вы можете уменьшить размер файлов и сэкономить пространство на диске с помощью сжатия рисунков в документе. Параметры сжатия уменьшают как размер файла, так и размеры рисунка в зависимости от того, как вы собираетесь использовать рисунок, например при просмотре на экране или в сообщении электронной почты. Сжать можно все рисунки в файле или только специально выделенные.

Эти функции недоступны в Office в Интернете, только в классических версиях набора Office.

Вы можете отправлять файлы без ограничений, в том числе изображения высокого качества, сохранив их в облаке, а затем предоставив к ним общий доступ в OneDrive.

Сжатие отдельных рисунков

Если для получения приемлемой версии изображения не пиксель все изображения, можно сжать рисунки, чтобы размер файла был меньше.

Открыв файл в приложении Microsoft Office, выберите один или несколько рисунков для сжатия.

В разделе Работа с рисунками на вкладке Формат в группе Изменение нажмите кнопку Сжать рисунки.

замещающий текст

Если вкладки Работа с рисунками и Формат не отображаются, убедитесь, что рисунок выделен. Дважды щелкните рисунок, чтобы выделить его и открыть вкладку Формат.

В зависимости от размера экрана в группе Изменение могут отображаться только значки. В этом случае кнопка Сжать рисунки отображается без подписи.

замещающий текст

Чтобы выполнить сжатие только для выбранных, а не для всех рисунков в документе, установите флажок Применить только к этому рисунку.

Снятие флажка Применить только к этому рисунку перекроет любые изменения, внесенные для других отдельных рисунков в этом документе.

В разделе Разрешение выберите нужный вариант и нажмите кнопку ОК.

Разрешение рисунков по умолчанию в Office составляет 220 ppi. Вы можете изменить разрешение рисунка по умолчанию или отключить сжатие рисунков.

Читайте так же:
Как отключить WebRTC в Mozilla Firefox

Сжатие применяется после закрытия этого диалогового окна. Если вас не устраивают результаты, вы можете отменить изменения.

Из-за потери детализации сжатие рисунка может привести к тому, что оно будет выглядеть по-другому. В связи с этим перед применением художественного эффекта следует сжать рисунок и сохранить файл.

Щелкните заголовки ниже, чтобы получить дополнительные сведения.

Важно: Этот параметр применяется только к рисункам в текущем документе или в документе, выбранном из списка рядом с разделом Размер и качество изображения. Чтобы использовать его для всех новых документов, нужно выбрать другое значение в раскрывающемся списке.

Обратите внимание на то, что эта функция недоступна в Microsoft Project 2013 или Office 2007.

Откройте вкладку Файл.

Нажмите кнопку Параметры и выберите пункт Дополнительно.

В разделе Размер и качество изображения в раскрывающемся списке укажите, применить ли изменения к определенному документу, или применять их ко всем создаваемым документам.

замещающий текст

Выберите разрешение, которое вы хотите использовать по умолчанию, и нажмите кнопку ОК.

Все сведения об изменениях, внесенных в изображение, хранятся в файле. Удав эти данные редактирования, вы можете уменьшить размер файла, но если вы захотите отменить изменения, вам потребуется повторно вменить рисунок.

Примечание: Эта функция недоступна в Microsoft Project 2013 или Microsoft Project 2016.

Откройте вкладку Файл.

Нажмите кнопку Параметры и выберите пункт Дополнительно.

В разделе Размер и качество изображения выберите документ, из которого необходимо удалить данные о редактировании рисунка.

В разделе Размер и качество изображения установите флажок Отменить данные редактирования.

Примечание: Этот параметр применяется только к рисункам в текущем документе или в документе, выбранном из списка рядом с разделом Размер и качество изображения.

См. также

Обратная связь

Эта статья была обновлена Беном 17.08.2019 с помощью ваших комментариев. Если она оказаться полезной для вас (а особенно, если нет), используйте элементы управления отзывами ниже, чтобы оставить нам отзыв о том, как ее улучшить.

Сжатие отдельных рисунков

Чтобы сжать все рисунки в документе, на ленте выберите «Файл» > «Сжать рисунки» (или «> уменьшить размер файла»).

На вкладке "Рисунок" выберите "Сжать рисунки"

Чтобы сжать только выбранные рисунки, щелкните их, удерживая нажатой Кнопка Сжатие рисунковSHIFT, а затем нажмите кнопку «Сжать рисунки#x0 вкладке «Формат рисунка».

Выберите параметр в поле «Качество рисунка». Первое разрешение указано первым, а наименьшее — последним.

Совет: Если вы обрезали какие-то из рисунков, то размер файла можно дополнительно уменьшить, установив флажок Удалить обрезанные области рисунков.

Выберите выделенным рисункам или всем рисункам в этом файле.

Примечание: Если выбрать все рисунки на шаге 1 с помощью меню «Файл», эти параметры будут недоступны. Сжатие будет применено к всем рисункам в документе.

голоса
Рейтинг статьи
Ссылка на основную публикацию
Adblock
detector