Размер фотоЧто касается размеров, то на мой взгляд оптимальными размерами являются:
Ширина 1600 px; Высота 1067 px;
Но скачанные картинки с разных фотобанков почти всегда требуют редактирования. Их размер может достигать в несколько мегабайт.
В каком формате лучше сохранять изображения для сайта?JPEG является приоритетным, так как картинки такого формата легче сжимаются без потери качества, к тому же и вес их небольшой.
PNG формат используется для создания картинок с прозрачным фоном, маленьких изображений или изображений с небольшим количеством цветов.
Оптимизируйте изображения в графических редакторах или в специальных сервисах. Суть оптимизации фотографий в том, чтобы уменьшить «вес», не жертвуя при этом качеством для увеличения быстроты загрузки.
Оптимальные параметры изображения для веба:
- Размер: в среднем 300 кБ.
- Разрешение: до 1000 пикселей по каждой стороне.
- Формат: JPEG — для любых изображений, PNG — если нужен прозрачный фон, GIF — для анимации или небольших знаков, WEBP — если браузеры ваших клиентов его поддерживают.
В своей работе я использую
TinyPNG – способен обрабатывать большинство типов изображений в реальном времени и с хорошей скоростью.
Как проверить нужна ли вообще какая-то оптимизация сайту?Сервисов по оказанию таких услуг довольно много, но лично мне нравится
pagespeed insights от гугла, поскольку не только делает анализ, но и дает рекомендации.