Задать вопрос
eashla
@eashla
html

Какое разрешение фотографий использовать на сайте фотографа?

Занимаюсь оптимизацией сайта фотографа. Скорость загрузки сайта является одним из ключевых факторов ранжирования в поисковых системах органического трафика.

Последний год оптимизировал фотографии под разрешение 1280px по широкой стороне. Технологии развиваются быстро. Основной трафик идёт через мобильные устройства, но и у них разрешения экрана становиться всё больше и больше.

Посоветуйте, какого разрешения придерживаться на ближайший год в данной ситуации, что бы балансировать между скоростью загрузкой сайта и качеством отображаемый фотографий.
  • Вопрос задан
  • 181 просмотр
2 комментария
Подписаться 1 Средний 2 комментария
Решения вопроса 1
wapster92
@wapster92 Куратор тега HTML
Как верстальщик и фронтендер скажу так, чтобы сильно не заморачиваться, используйте fullhd, сжимайте изображения, делайте их ссылками на оригинал, и используйте popup или без него. Вот и весь секрет. Если очень сильно заморочиться то можно использовать элемент picture, по этому вопросу Макеев крутое видео сделал на своём канале погуглите.
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ответы на вопрос 2
irishmann
@irishmann
Научись пользоваться дебаггером
Как указали в комментариях
А не лучше сделать несколько вариантов разрешения фотографий под разные устройства, ну и наверное с возможностью по клику увидеть оригинал.


все зависит от системы, на которой сидит сайт, в wp это делается на изи, у остальных пилится долго и упорно, если вообще пилится


Все это нормально пилится, при загрузке изображений используя расширение GD, или пользовательские классы поверх него. Например: sanchiz.net/blog/resizing-images-with-php
Ответ написан
Комментировать
Комментировать
pospelov
@pospelov
Руководитель веб-студии
Можно указать размер 1920 при 57% компрессии jpg будет весить 542кб,
Можно указать размер 1200 100% компрессии jpg будет весить 860+кб.
Разница в почти три раза!

Самое главное при оптимизации картинок
- формат должен быть JPG
- что бы размер не был больше 1920 по большей стороне (высоте\ширине, так как бывает разная ориентация картинок)
- что бы компрессия была в районе 60-80%

А бывает затолкают формат BMP вместо JPG 4400 пикселей, и удивляются, почему картинка весит 12 мб, вместо 500кб.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Дизайн личного кабинета (клиентская часть)
23 апр. 2024, в 22:37
500 руб./в час
Скрипт для Solana быстрый
23 апр. 2024, в 22:33
25000 руб./за проект
Редизайн корзины аспро. Верстка
23 апр. 2024, в 22:07
12000 руб./за проект
Ещё заказы