Размеры изображений под устройства

123 4
SeVlad
На сайте с 03.11.2008
Offline
1609
#11
Sitealert:
Конкретно страницу https://www.babai.ru/articles/mister-vreder.html - на ней есть изображения шириной 745px c max-width: 100%. Гуглофейк на эти картинки не ругается, пишет "Изображения оптимизированы".

Вот-вот. Потому это и гулофейк. Нормальный бы анализатор заругался на такое.



---------- Добавлено 30.10.2018 в 14:43 ----------

Toyvo Glumov:
Ну за пределы она и не вылезает, width 100%.

Важно понимать, что пиксели девайса и пиксели CSS - совершено разные пиксели :)

Кроме того наверняка же у сайта есть "борта".

Делаю хорошие сайты хорошим людям. Предпочтение коммерческим направлениям. Связь со мной через http://wp.me/P3YHjQ-3.
TG
На сайте с 07.11.2016
Offline
127
#12
SeVlad:
Важно понимать, что пиксели девайса и пиксели CSS - совершено разные пиксели
Кроме того наверняка же у сайта есть "борта".

Да это-то понятно, width 100% это по контейнеру, у которого дальше уже свои маржины. И на мобилопригодность гугл не ругается.

Просто я заметил, что большинство тем водпресс режут картинки на разные размеры и вставляют их в srcset тега img, а базовая в нем (которая в src) до 500-600 пикс. по ширине, чтобы mobilefirst. Вот я и думаю, до какого размера картинка будет считаться мобильноориентированной.

D.iK.iJ
На сайте с 26.05.2013
Offline
239
#13

Из Бутстрапа:

А Гугла на 350, кажется, проверяет. И все. Ну и практически не ругается на PNG. Я для теста даже 1024 вставлял и уживал стилями - нормально:

https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fdikij.com%2Ftest4.php

Я бы еще учел, что для Ретины нужны изображения двойного размера.

Адаптивный дизайн в 2 строчки ( https://dikij.com/wm/adaptaciya-saytov.php ). + Принимаю заказы любой сложности ( https://searchengines.guru/ru/forum/926323 ). 💎 Еще я делаю классные кулоны с опалами ( https://mosaicopal.ru/ ).
TG
На сайте с 07.11.2016
Offline
127
#14
DiKiJ:
Ну и практически не ругается на PNG

тоже это заметил

SeVlad
На сайте с 03.11.2008
Offline
1609
#15
Toyvo Glumov:
Да это-то понятно, width 100% это по контейнеру, у которого дальше уже свои маржины. И на мобилопригодность гугл не ругается.

Ты, похоже, понял только второе предложение.

Первое про то, что 640px девайса это совсем не 640px в css. В реальности это может быть и 280. См на DPI девайса.

Toyvo Glumov:
Просто я заметил, что большинство тем водпресс режут картинки на разные размеры и вставляют их в srcset тега img, а базовая в нем (которая в src) до 500-600 пикс. по ширине, чтобы mobilefirst. Вот я и думаю, до какого размера картинка будет считаться мобильноориентированной.

И это правильно.

А вообще не заморачивайся. Темы нормальных разработчиков (а не самописки нубов, выдающих себя за профи) создают все необходимые тумбы и выводит их srcset (их там 4-5 шт как правило).

TG
На сайте с 07.11.2016
Offline
127
#16
SeVlad:
Ты, похоже, понял только второе предложение.

Нет, я в курсе про точки на дюйм.

SeVlad:
А вообще не заморачивайся. Темы нормальных разработчиков (а не самописки нубов, выдающих себя за профи) создают все необходимые тумбы и выводит их srcset (их там 4-5 шт как правило).

Заморачиваюсь, потому что мне не для вордпресса это надо, мне приходится делать руками. Использую тег <picture>, хочу в конце концов понять какую ширину использовать для базовой src

---------- Добавлено 31.10.2018 в 13:15 ----------

SeVlad:
Ты, похоже, понял только второе предложение.

Нет, я в курсе про точки на дюйм.

SeVlad:
А вообще не заморачивайся. Темы нормальных разработчиков (а не самописки нубов, выдающих себя за профи) создают все необходимые тумбы и выводит их srcset (их там 4-5 шт как правило).

Заморачиваюсь, потому что мне не для вордпресса это надо, мне приходится делать руками. Использую тег <picture>, хочу в конце концов понять какую ширину использовать для базовой src

SeVlad
На сайте с 03.11.2008
Offline
1609
#17
Toyvo Glumov:
Нет, я в курсе про точки на дюйм.

Ну тогда хорошо :)

Toyvo Glumov:
Заморачиваюсь, потому что мне не для вордпресса это надо, мне приходится делать руками. Использую тег <picture>, хочу в конце концов понять какую ширину использовать для базовой src

Блииин. Ну не бывает однозначного значения для всех и вся! Зависит от конкретного диза.

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

---------- Добавлено 31.10.2018 в 13:19 ----------

Toyvo Glumov:
Нет, я в курсе про точки на дюйм.

Ну тогда хорошо :)

Toyvo Glumov:
Заморачиваюсь, потому что мне не для вордпресса это надо, мне приходится делать руками. Использую тег <picture>, хочу в конце концов понять какую ширину использовать для базовой src

Блииин. Ну не бывает однозначного значения для всех и вся! Зависит от конкретного диза.

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

TG
На сайте с 07.11.2016
Offline
127
#18
SeVlad:
Создавай несколько и подсовывай нужные, чтобы не масштабировались.

Еще раз: в src какую по ширине, туда не несколько идет, а только одна. Несколько это в сорсы, там уж я определюсь.

---------- Добавлено 31.10.2018 в 13:45 ----------

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

Еще раз: в src какую по ширине, туда не несколько идет, а только одна. Несколько это в сорсы, там уж я определюсь.

SeVlad
На сайте с 03.11.2008
Offline
1609
#19
Toyvo Glumov:
Еще раз: в src какую по ширине, туда не несколько идет, а только одна

В src - конечно одна. А в srcset (равно как и picture-source) их может быть сколько угодно, под любые разрешения.

S
На сайте с 30.09.2016
Offline
469
#20
Toyvo Glumov:
Еще раз: в src какую по ширине

250px

.....

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
123 4

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий