Displays Images With Incorrect Aspect Ratio как исправить

Сообщение сайта

(Сообщение закроется через 3 секунды)

Здравствуйте, гость (

| Вход | Регистрация )

SEO форум MaulTalk.com > Веб-строительство > Веб-дизайн

Displays Images With Incorrect Aspect Ratio как исправить

Опции

k0ttee

Topic Starter сообщение

18.5.2019, 11:30; Ответить: k0ttee

Сообщение #1

Топовый постер

Группа: User
Сообщений: 12040
Регистрация: 2.5.2014
Поблагодарили: 0 раз
Репутация:

Аудит в браузере Chrome ругается Displays Images With Incorrect Aspect Ratio (Отображаются изображения с неправильным соотношением сторон) в секции Best Practices.

Как исправить (решение).

В документации написано, что следует задать размеры картинок... Чтобы строго соблюсти соотношения сторон, а у пользователей картинки не масштабировались и не кукожились - чтоб были чёткими.

https://developers.google.com/web/tools/lighthouse/audits/aspect-ratio

Обычным картинкам: достаточно задать размеры в пикселях.

<img src="kitten.jpg" height="1024" width="768" alt="A cute kitten">

<img src="kitten.jpg" style="height:1024px; width:768px;" alt="A cute kitten">

<style>
.kitten{ height:1024px; width:768px; }</style>
<img src="kitten.jpg" class="kitten" alt="A cute kitten">

Фоновым картинкам: описать размер фона в пикселях, можно добавить !important

background-size:20px 20px !important;

Так-то картинки сами выводятся в своих натуральных размерах... Но инструменты гугла добавят нам бесполезной работы и приведут к раздуванию кода.

Добавлено спустя 4 часа 40 минут 44 секунды:
Не забываем прописываит hover (по наведению), если используется.

--------------------

Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9

Ответить с цитированием данного сообщения

airman airman 20.5.2019, 12:31; Сообщений: 9058 Поблагодарили: 251 раз Репутация: 33 Просмотр профиля	20.5.2019, 12:31; Ответить: airman Сообщение #2
Топовый постер Группа: Active User Сообщений: 9058 Регистрация: 26.1.2010 Из: Россия Поблагодарили: 251 раз Репутация: 33	Посмотрим, даст ли Google плюшек за вывод в зеленую зону всех требований. Очень хотелось бы. audits (1).jpg ( 13,32 килобайт ) Кол-во скачиваний: 938 -------------------- Статья: мой опыт заработка на рефералах 100к в месяц \| Пасьянс Косынка

k0ttee

Topic Starter сообщение

8.7.2019, 11:05; Ответить: k0ttee

Сообщение #3

Топовый постер

Группа: User
Сообщений: 12040
Регистрация: 2.5.2014
Поблагодарили: 0 раз
Репутация:

Таки да, в синтетических тестах гугла-хрома помогает добрать процентов.
По факту - как выглядели картинки корректно, так и выглядит... Чиним то, что и так работало. :unsure:

Я так и не понял, зачем устаревшие (которые я писал году в 2002-м) инструкции height="цифры" width="цифры" стали нужны. Браузеры давно научились отображать картинки в полном из размере без этих инструкций.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

--------------------

Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9

« Предыдущая тема · Веб-дизайн · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Как в пушсетках покупают по 100-200 тысяч кликов за день?	2	Boymaster	693	Вчера, 17:52 автор: Boymaster
Как вы отдыхаете от работы за компом	151	adw-kupon.ru	19860	23.4.2024, 13:52 автор: Vmir
Как вы бросили работу и перешли на заработок с сайтов?	20	uahomka	3472	23.4.2024, 11:54 автор: Skyworker
Как вывести деньги в Украине с заблокированного Юмани ?	30	freeax	5040	20.4.2024, 16:49 автор: Liudmila
Арбитражники, как ведете учет расходов и доходов?	13	Boymaster	2036	20.4.2024, 15:06 автор: Boymaster

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 25.4.2024, 10:08

Дизайн