Ребята, можно задать вопрос по оптимизации картинок? Так сказать best

Question

Ребята, можно задать вопрос по оптимизации картинок? Так сказать best

practices для responsive images.

Если условно говоря мои картинки на странице по 640 пикселей (1х). То для экранов побольше я должен создавать 2-3 раза больше размеры? Те 1280px (2x), и 1920px (3x).

Или я что то попутал совсем?))

Либо же лучше создать 320px (поменьше исходного), 640px, 1280px например? Подскажите плиз, на что ориентироваться, и как все делать по дзену.

#css #frontend #html #programming #russian

0

31.03.2022

13 ответов

11 просмотров

Alexander Автор вопроса

Alibek Кulseitov 🇰🇿
правильно

Спасибо за ответ! А для картинки 640px мне нужно создавать меньшие размеры? Или только в верхнюю сторону?

0

31.03.2022

Alibek Кulseitov 🇰🇿

Alexander
Спасибо за ответ! А для картинки 640px мне нужно с...

640 норм

0

31.03.2022

Alexander Автор вопроса

Alibek Кulseitov 🇰🇿
640 норм

То есть потом еще вручную создавать более большие размеры этой картинки? Те 1280px, 1920px еще.

0

31.03.2022

Gleb Kolesnikov

там ещё sizes и onload функцию в идеале=))

0

31.03.2022

Alibek Кulseitov 🇰🇿

Кстати вот у меня сейчас проблема на проекте. Дело в том что у заказчика Ноутбук и у него подгружается 1x качество картинки мутное. Теперь на всём проекте надо с 640 мне везде заменить картинки на побольше

0

31.03.2022

Alexander Автор вопроса

Gleb Kolesnikov
там ещё sizes и onload функцию в идеале=))

Спасибо за ответ! Можно последний вопрос - как определять, какие размеры картинок нужно генерить? Просто под несколько мажорных брекпоинтов генерить?

0

31.03.2022

Gleb Kolesnikov

Alexander
Спасибо за ответ! Можно последний вопрос - как опр...

ну обычно просто -10% от исходника

0

31.03.2022