Обычно используют JPEG только для больших и визуальных изображений, сделанных хорошим фотографом. Но для повседневного использования PNG – лучший вариант, особенно когда нужен прозрачный фон.
Размер изображения и размер файла – это не одно и то же. Размер изображения относится к размерам изображения (например, 1024 на 680 пикселей). Размер файла – это объем места, необходимый для его хранения на сервере (например, 350 килобайт).
Изображения с более высоким разрешением и большими размерами (часто созданные с помощью профессиональной камеры) значительно замедляют загрузку страницы. Хотя они хорошо подходят для воспроизведения печати, вам необходимо уменьшить размер файла, не теряя слишком много качества, чтобы они хорошо работали в Интернете.
Согласно HTTP Archive, изображения составляют в среднем 21% от общего веса веб-страницы.
Чтобы изображения занимали меньше четверти веса веб-страницы рекомендуется максимально сжимать их перед загрузкой на сайт.
Если сжимаете изображение слишком сильно, размер файла будет маленьким, но качество изображения будет низким. С другой стороны, когда вы используете низкую степень сжатия, качество изображения высокое, но размер файла огромен.
В идеале вам следует поэкспериментировать с типами файлов и степенью сжатия, чтобы увидеть, что лучше всего подходит для каждого изображения. Многие инструменты для редактирования изображений, включая Adobe Photoshop, имеют опцию «сохранить для Интернета», которая автоматически минимизирует размер файла при оптимизации качества изображения.
Можно воспользоваться и таким инструментом как TinyPNG.
У TingPNG также есть плагин WordPress, которым могут воспользоваться любители этой СМС.
Кстати для обратных ссылок в WordPress сучествует плагин WP Smush. Уменьшает размер файла изображения без потери качества.
Какой бы плагин вы ни использовали, обязательно найдите тот, который сжимает изображения извне на своих серверах. Это снижает нагрузку на ваш собственный сайт.
Другие инструменты оптимизации изображений
– Affinity Photo
– Pixlr; (оптимизация JPEG)
– ImageOptim (только Mac)
– Kraken (объемное сжатие)
– GIMP
– JPEG мини
– OptiPNG
– FileOptimizer
– Обрезка
Если вы ещё сомневаетесь, как изображения влияют на скорость загрузки страницы, я рекомендую использовать инструмент Google PageSpeed Insights измерение скорости загрузки веб-страниц.
3. СОЗДАВАЙТЕ УНИКАЛЬНЫЕ ИЗОБРАЖЕНИЯ
Вы хотите, чтобы ваши изображения появлялись на вашем сайте, а сайт находился в первых рядах поисковой выдачи заполните свой веб-сайт оригинальными изображениями.
Со стандартными изображениями, вы будете выглядеть неоригинально – как тысячи других сайтов, которые ничем не выделяются, и не вызывать доверие у своих потенциальных клиентов.
Если вы не фотостудия или дизайнерская компания, то для пользователя большее доверие и уважение вызывают снимки, сделанные смартфоном. Благо сейчас качество фотографий более чем достаточно для их демонстрации на сайте.
Слишком много веб-сайтов загромождены одними и теми же стандартными стоковыми фотографиями или содранными с сайтов конкурентов. А такие изображения отрицательно сказываются на рейтинге сайта при поисковой выдачи.
Припомните корпоративные веб-сайты, консалтинговой фирме, стремительно развивающегося бизнеса, компаниями, которые гордится своим качеством обслуживанием клиентов.
Но на которых, согласитесь, убого выглядят фотографии практически одно и то же улыбающегося бизнесмена, или группы приятных людей, рукопожатия или рук, зависших над клавиатурой.
Я уверен, что вы видели многократно, стоковые фотографии о определённой теме, которые массово размещены на сотнях сайтов.
Хотя ваши стоковые изображения могут быть идеально оптимизированы, это не будет иметь такого же воздействия или потенциальных преимуществ как для пользователей, так и для SEO, как ваши исходное снимки, сделанные мобильным телефоном.
Чем больше у вас оригинальных изображений, тем больше будет уровень доверия пользователя и выше ваши шансы попасть в высокое ранжирование по релевантным поисковым запросам.
В своей книге «5000+ сигналов ранжировании поисковых системах» я писал, что самым важным фактором при ранжировании сайтов при поисковой выдаче являются авторитеты автора, страниц и сайта. Одним из сильных сигналов авторитетности является уникальные изображения и грамотное его SEO.
Читать дальше