Как сжать картинки для блога?

Формат изображения

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

Нужно сказать, что изначально его размеры невелики – 250 х 250 пикселей. Часто блоггеры умудряются загружать на сервер фотографии, размером 3 х 2 метра! Браузер мужественно сжимает их в десятки раз, кряхтит… А мы удивляемся, почему страница так долго загружается?!

Формат этой картинки – jpeg – самый удобный и подходящий. Он адекватно представляет даже сложные изображения, немного весит. Кстати, весит эта картинка 65 Кб (килобайт).

А вот то же изображение, но в формате png и с эффектом тени. Я очень люблю этот формат за его прозрачный фон и возможность добавлять тени, текстуру, выпуклость и проч. Весит такая картинка больше предыдущей — 99 Кб.

Но при уменьшении размеров эта разница нивелируется.

Вывод: если для вас не принципиальны эффекты прозрачности фона – используйте файлы в формате jpeg.

Размеры – ширина и высота

Уменьшаем нашу картинку. Теперь ее размеры 100 х 100 пикселей, а весит она 23 Кб – почти в 3 раза меньше!

Кстати, и картинка в png, уменьшенная до 100 х 100 пикселей, весит тоже 23 Кб.

Как правило, иллюстрации в наших блогах расположены стандартно. Определите, какого размера картинки вам нужны, чтобы успешно проиллюстрировать текст. Например, для поста мне нужны картинки, стремящиеся к квадратным пропорциям, с шириной 350-300 пикселей. Поэтому все изображения я уменьшаю именно до этих размеров.

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

Разрешение изображения

Сохраняя файлы в формате jpeg, мы можем менять такой параметр, как разрешение или качество (в некоторых программах). Если сравним две картинки с разным разрешением визуально, изображение, сохраненное с максимальным качеством и разрешение вполовину меньше, на глаз разницы особой нет, а вес во втором случае – 39 Кб.

Вывод: уменьшайте разрешение картинок.

Ваш монитор и мониторы читателей не передают тех тончайших нюансов, которые потеряются при этом.