Refguser, спасибо вам, последний вопрос - из-за чего вы говорите "гугломусорные форматы"? Читал о них, вроде недостатки незначительные и плюсов больше.
Для примера копирую инфу:
"WebP:
сжатие изображения без потерь на 26% лучше, чем у PNG;
сжатие изображения с потерями лучше JPEG на 25–34% при одинаковом индексе структурного сходства (SSIM);
поддержка прозрачности без потерь при увеличении размера всего на 22%.
AVIF:
значительное уменьшение размера файла при сохранении визуального качества изображения;
поддержка анимированных изображений;
поддержка прозрачности.
К недостаткам AVIF относят отсутствие поддержки прогрессивного рендеринга: пока изображение не скачается полностью, на его месте ничего не будет отображаться, тогда как JPEG и WebP могут показывать частично загруженное изображение."
Refguser , я пробовал оптимизировать jpg онлайн-сервисами и через плагины вордпресса. В размерах всё-равно выигрывает webp и avif. Каким способом лучше оптимизировать jpg, не меняя на webp и avif?
Владимир Брумер, доброго дня, может быть, вы в курсе, что дописать, чтобы оригинальное изображение подгружалось, если не подгрузятся webp или avif? Я искал примеры, не нашёл, только плагины, но хостинг не позволяет ими пользоваться
Drno, нигде не сказано, что это правильно, и тем более всегда, как по вашему утверждению. Это только вопрос выбора для удобства. Сайт, рассчитанный на местную аудиторию, может применять местный язык для домена, и никто не скажет, что это неправильно.
Кирилл Никитин, спасибо за ответ я как раз планирую через Gulp собрать либо Vite. Надо было, конечно, раньше это сделать и было бы удобнее. Проект был как тестовый.
Прикрепил фото, у меня срабатывает.
Какой код у вас виден в консоли? Скорее всего, вы оставили где-то пробелы, отступы.
И крестики при вашем коде находятся поверх текста справа, я бы для их корректного отображения поменял этот код в css: