Как сжать фото, удалить ненужные метаданные, какими программами пользоваться.



 В интернете можно найти кучу интересного, но иногда встречаешь сайты, с которых уходишь, не дождавшись полной загрузки картинок. Особенно если Интернет медленный и не безлимитный.
Написать эту небольшую заметку решила после того, как наткнулась на аппетитный блог с тортиками.
20 не очень больших фото (максимальный размер 500×375 пикселей), краткое описание каждого тортика. И все это удовольствие весило почти 15 Мб, полностью загрузилось только через 1,5 минуты.
Терпение пользователя не единственная причина для того, чтобы оптимизировать по размеру фотографии размещаемые в сети. Поисковые системы также могут оценивать сайт по критерию оптимизации картинок. Есть ПС, роботы которых считывают только несколько первых сотен килобайт информации страницы сайта, а затем уходят с нее.
 Оптимизировать фото надо, и для этого существует достаточно много программ.
Я опишу тот способ и те программы, которыми пользуюсь.
Поскольку часто снимаю в формат RAW (а точнее в формат - CR2, подробнее об этом и других форматах), первая программа, конечно же, Adobe Photoshop + плагин Camera Raw. После того как фото открыто в Ph, практически каждое изображение требует какой-то коррекции. Только после доведения фото до нужного качества можно изменять его размер до необходимого для размещения на страницах сайта.
Те фото, которые должны открываться непосредственно на странице, не имеет смысла делать больше 500-600 пикселей в ширину, т.к. еще достаточно большое количество пользователей имеет мониторы с экранами шириной 1024×768 пикселей, и главная часть современных сайтов (и резиновых и с фиксированной шириной) рассчитана, как правило, на ширину блока с основным контентом 500-600 пикселей, иначе появляется горизонтальна полоса прокрутки.
Если есть необходимость показать фото бОльшего размера, то его можно открыть на отдельной странице сайта или с помощью скриптов всплывающим окном, а на основной странице дать лишь небольшое превью с указанием возможности просмотра увеличенного изображения.
Но и для превью и для большого фото желательно знать точные размеры изображения, которое будет вставлено на страницу сайта. Не стоит полностью доверять CMS (система управления сайтом), многие из которых очень своеобразно корректируют размер картинок, после чего вес картинки увеличивается.
 Для изменения размера фото жмем Alt+Ctrl+I и выставляем нужные размеры.
Не имеет смысла ставить разрешение больше 150 пикселей на дюйм, чаще всего достаточно и 72.
 как сжать фото рис. 1.
 Желательно вручную объединить все слои в один, убрать контуры и маски.
 как сжать фото рис. 2.
 В главном меню выбираем File – Save for web & devices (Файл - Сохранить для web). Сохранение изображения таким способом автоматически удаляет все метаданные фото - EXIF.

 программа для сжатия фоторис. 3.
 Настройки окна сохранения для Web можно выбрать как на скрине 4.
Для фотографий выбираем jpeg (если надо сохранить логотип или аналогичную картинку с небольшим количеством однородных заливок можно выбрать gif или png).
Качество (quality) выбираю 100%, сжать дополнительно можно будет и потом. Галочку на Progressive лучше поставить, в этом случае при загрузке фото в браузере на экране сначала появится изображение плохого качества, а затем дозагрузится так как надо, и пользователь не уйдет с Вашего сайта раньше времени.
как сжать фото рис. 4.
 Оптимизация фото данным методом происходит за счет удаления метаданных файла, которые иногда занимают до 90% веса самого изображения. Если необходимо сохранить данные о фотокамере и режимах съемки этим способом лучше не пользоваться.
 Чаще всего этого бывает достаточно, чтобы получить файл небольшого размера.
Но я дополнительно открываю сохраненное таким образом фото в программе XnView (программа бесплатная с очень приличным набором опций для просмотра, обработки и сохранения фото).
Далее выбираю Файл – Экспорт. Открывается окно с настройками как на скриншоте.
И оказывается, что обещанные фотошопом 70 Кб превратились в 98 Кб.
Размер этого фото можно еще значительно уменьшить без значительной потери качества. Отметить галочками поля:
Удалить метаданные
Прогрессией
Оптимизировать код Хаффмэна

Выставить "исходный масштаб изображения" или немного увеличенный масшраб (эти настройки расположены между двумя изображениями)и ползунком КАЧЕСТВО уменьшить качество до того предела, когда появится заметное ухудшение картинки. Иногда бывает, что от 100% до 80% очень трудно уловить это ухудшение, границы остаются четкими, не появляются шумы, зато размер файла изображения уменьшается очень ощутимо до 50%. Далее остается только сохранить изображение и вставить его на страницу сайта.
 как удалить метаданные EXIF рис. 5.
 Еще одной программой для удаления метаданных фото файла и соответственно уменьшения размера этого файла является ACDsee Photo Manager. У этой платной программы очень много замечательных функций по просмотру, редактированию фото, в том числе и есть возможность просматривать и редактировать метаданные изображения. Для этого надо выбрать в меню View – Properties. Откроется окно с вкладками FILE, EXIF, IPTC содержащими полную информацию о файле, некоторые пункты можно редактировать.
 Маленькое замечание: Уменьшить размер файла растрового изображения без ухудшения качества можно только за счет удаления ненужных данных, не касающихся самих пикселей. Все остальные телодвижения по сжатию и редактированию размера фото в той или иной степени приведут к ухудшению изображения.


Кулинария рецепты Вязание для начинающих Валяние Холодный фарфор Мастер класс
карта сайта домой написать карта сайта