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

Основные применяемые в интернете, форматы изображений - JPG, GIF, PNG.

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

GIF: Максимум 256 цветов. Формат более подходит для использования вывода картинок, логотипов, анимированных баннеров, текстов, не требовательных к качеству цветового отображения.

PNG: Практически аналог GIF, да и создавался для его замены. Отличается от GIF тем, что поддерживает 24-битный цвет.

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

1. Использовать на блоге тот формат изображений который позволяет решить задачу при меньших объемах. Часто используют неоправданные форматы изображений, имеющие весьма высокие отклонения по объемам. Так, к примеру, у меня на одном из сайтов, замена jpg графики шаблона на gif позволила сократить объем выводимых графических элементов на 25кб.

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

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

Что используем?

- PhotoShop в режиме функции “Save for Web” (Сохранить для Web). При выборе данной функции Фотошоп будет стремиться оптимизировать изображения для интернета. Так же функция предполагает выбор или замена формата изображения. При выборе вы фактически будете видеть в окне размеры оптимизированных изображений и сможете выбрать требуемый. (тут пример) - к примеру, это итог оптимизации изображения картинки объемом 9 кб. Итого выигрыш только на одном изображении уже почти 7 кб.

- Программа Opti png предназначена для работы и оптимизации изображений png. Вполне хорошо справляется и с форматом gif и некоторыми другими. Программа Advanced JPEG Compressor прекрасно справляется с изображениями jpg формата. Учтите, что данная программа часто довольно сильно ужимает jpg, приводя к достаточно сильным потерям в качестве. Дело за вами и вашим выбором.

- Picasa от Google. Бесплатная и вполне применимая в работе.

- Онлайн сервисы оптимизации изображений, к примеру, ImageOptimazer и некоторые другие.

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