Чтобы обеспечить комфорт посетителей сайта, важно использовать изображения в хорошем качестве, которые отображаются корректно и не снижают скорость загрузки. Рассказываем, как подготовить изображения и избежать ошибок.
Уменьшите изображение до 1680 px по большей стороне
Все изображения при загрузке на Тильду автоматически уменьшаются до 1680 px по большей стороне, но автоматическое сжатие может привести к потере качества. Чтобы этого избежать, уменьшите разрешение вашего изображения заранее.
Картинка в оригинальном размере будет показана человеку при первом открытии сайта, дальше Тильда автоматически конвертирует все картинки на сайте в WebP. Эта технология определяет размер браузера и контейнера на макете сайта, а затем запрашивает у сервера изображение подходящего размера и показывает его пользователю.
Подробнее об адаптивной загрузке изображений 👉 https://tilda.cc/ru/lp/image-optimization
Используйте специальные программы для сжатия изображений
Существуют специальные программы, которые сжимают изображения, объединяя схожие цвета. Они сохраняют качество картинки, значительно уменьшая её вес — до 70%.
Примеры таких сервисов:
Также подобные сервисы очищают изображения от метаданных. Это поможет избежать ситуации, когда вы загрузили вертикальное изображение в блок, а оно отражается по горизонтали из-за вшитых данных об альбомной ориентации.
Не отключайте Lazy load
На Тильде для всех сайтов по умолчанию включен режим отложенной загрузки изображений. Когда посетитель заходит на сайт, изображения загружаются последовательно по мере его продвижения по сайту, а не все разом. Это оптимизирует загрузку страницы и ускоряет её. Также адаптивная загрузка изображений работает, только если включена функция Lazy load.
Проверить, не выключена ли Lazy load, можно в Настройках сайта → Ещё.
Уменьшите изображение до 1680 px по большей стороне
Все изображения при загрузке на Тильду автоматически уменьшаются до 1680 px по большей стороне, но автоматическое сжатие может привести к потере качества. Чтобы этого избежать, уменьшите разрешение вашего изображения заранее.
Картинка в оригинальном размере будет показана человеку при первом открытии сайта, дальше Тильда автоматически конвертирует все картинки на сайте в WebP. Эта технология определяет размер браузера и контейнера на макете сайта, а затем запрашивает у сервера изображение подходящего размера и показывает его пользователю.
Подробнее об адаптивной загрузке изображений 👉 https://tilda.cc/ru/lp/image-optimization
Используйте специальные программы для сжатия изображений
Существуют специальные программы, которые сжимают изображения, объединяя схожие цвета. Они сохраняют качество картинки, значительно уменьшая её вес — до 70%.
Примеры таких сервисов:
Также подобные сервисы очищают изображения от метаданных. Это поможет избежать ситуации, когда вы загрузили вертикальное изображение в блок, а оно отражается по горизонтали из-за вшитых данных об альбомной ориентации.
Не отключайте Lazy load
На Тильде для всех сайтов по умолчанию включен режим отложенной загрузки изображений. Когда посетитель заходит на сайт, изображения загружаются последовательно по мере его продвижения по сайту, а не все разом. Это оптимизирует загрузку страницы и ускоряет её. Также адаптивная загрузка изображений работает, только если включена функция Lazy load.
Проверить, не выключена ли Lazy load, можно в Настройках сайта → Ещё.
