Оптимизация изображений для Web

vesi1Наибольший объем памяти на странице занимают изображения. Чем они меньше используют дискового пространства, тем быстрее будут загружаться страницы. Принципиально важно, чтобы каждый посетитель, невзирая на возможности своего компьютера и пропускную способность интернета, получал доступ к страницам веб-сайта как можно быстрее.
Изначально перед оптимизацией всех изображений на сайте следует отобрать не очень нужные. На страницах должны быть только важные картинки, без которых никак не обойтись. Хороший дизайн можно создать, не используя много изображений. Для показа текста не нужно применять картинки. Гораздо эффективнее использовать специальные веб-шрифты.

Для оптимизации изображения следует выбрать правильный формат. На сегодняшний день чаще всего применяются три формата изображений: GIF, PNG, JPEG. Первый формат хорошо подходит для анимации. PNG следует использовать, если нужно сберечь мелкие детали в высоком разрешении. Картинки подобные фотографиям лучше хранить в формате JPEG. Верно подобранный формат может значительно уменьшить объем памяти, требуемый для хранения изображения.
Правильно оптимизировав все изображения, можно значительно ускорить работу ресурса. Для каждой картинки, которая размещается на сайте, следует подобрать правильный формат.
Чтобы уменьшить вес картинки в Photoshop, надо Открыть файл, а затем Сохранить для Web, далее сохраняем в формате JPEG, качество 60 и смотрим разницу веса оптимизированной картинки и оригинала, сохраняем.

2015-06-07_195746

По такому же принципу оптимизируем изображение в онлайн-сервисе для обработки фотографий AVATAN.RU. Открываем фото в редакторе и нажимаем Сохранить. Программа сама уменьшает вес вашей картинки, а дополнительно при сохранении уменьшаем качество изображения двигая ползунок.

2015-06-07_201813

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

{lang: 'ru'}

Понравилась статья, поделись с друзьями:

Я в социальных сетях:

Метки:

Ваш отзыв