КАК ЗАГРУЖАТЬ ФОТОГРАФИИ В БЛОК "НАШИ РАБОТЫ"

Чтобы фотография загружалась и отображалась полностью в блоке GL01 на платформе Тильда без искажений, растяжений или увеличения, важно учитывать два аспекта: размер и пропорции изображения.

Размер изображения: Обычно для полноценного отображения изображения без искажений рекомендуется придерживаться стандартных широкоформатных пропорций, используемых на большинстве современных мониторов и мобильных устройствах. Например: - Ширину порядка 1920 пикселей (стандарт HD-разрешения экрана). - Высота должна соответствовать требуемым пропорциям конкретного макета или дизайну страницы.

Таким образом, примерный оптимальный размер изображения для фона или крупного полноразмерного блока составит примерно 1920 x 1080 пикселей, хотя эта величина может варьироваться в зависимости от дизайна вашего сайта.

Формат изображения: Наиболее распространенные и поддерживаемые форматы изображений на Тильде включают: - JPEG/JPG (для фотографических изображений) - PNG (если нужны прозрачные области или четкая графика) - WebP (более современный формат с лучшей компрессией, подходит почти везде)

Важные моменты:
- Изображение должно иметь соответствующие пропорции (широкий экран, соотношение сторон около 16:9 или близкое к нему). Это гарантирует отсутствие растяжений или сжатий при просмотре. - Важно проверить визуализацию изображения непосредственно в браузере, поскольку разные экраны могут показывать немного различающиеся размеры и формы.

Таким образом, оптимальным вариантом будет подготовка изображения с разрешением 1920 × 1080 px и сохранением его в одном из указанных выше форматов.

Подогнать фотографию под размер 16:9 (соотношение сторон 16×9) можно с помощью онлайн-сервисов или программ.

Онлайн-сервисы
Некоторые онлайн-инструменты для изменения соотношения сторон изображения на 16:9:
  • ImageResizer.work. Позволяет загрузить изображение, настроить параметры и скачать изменённое фото в нужном формате. Есть режимы изменения размера: «Обрезать» (сохраняет исходное соотношение сторон, обрезая лишнее) и «Растянуть» (растягивает изображение, чтобы заполнить соотношение 16:9).
  • 24AI. Автоматически адаптирует изображение к формату 16:9 с помощью алгоритмов искусственного интеллекта. Можно выбрать, какую часть изображения оставить при обрезке. 
  • Imagy.app. Позволяет быстро преобразовать изображения в формат 16:9, автоматически устанавливает рамку обрезки. Можно настроить рамку, чтобы выбрать лучшую часть изображения.
  • ResizeClub. Позволяет изменять размер изображения до соотношения сторон 16:9, сохраняя при этом высокое качество и чёткость. Можно выбрать специальные размеры, соответствующие соотношению 16:9 (например, 1920×1080 или 1280×720)
  • Pixelcut. Позволяет автоматически преобразовать изображение в формат 16:9 с помощью ИИ. Есть функция «умной обрезки и расширения»: инструмент решает, обрезать или растянуть изображение, и, если просто изменение размера может отрезать что-то важное, заполняет пробел соответствующим контентом (например, добавляет небо или текстуру фона). 
Программы
Для изменения соотношения сторон изображения на 16:9 можно использовать, например:
  • Wondershare Filmora. Позволяет автоматически кадрировать изображение в 16:9, есть кроссплатформенная поддержка (Windows, Mac, iOS, Android).
  • Photoshop. Можно обрезать изображение в пропорции 16:9 с помощью рамки кадрирования.