Блог диджитал-агентства Digital CashFlow

Размеры изображений для Tilda

Лучший размер изображений для блоков Tilda
Все размеры изображений указаны для базовых параметров при их создании. Если вы добавляете карточки в строку, изменяете высоту блока, а так же изменяете блок любым другим образом, то вам нужно подгонять размер самостоятельно
Оптимальный размер изображения для Tilda зависит от заданных настроек блока и его назначения. Рекомендуем загружать изображения такими, чтобы они соответствовали размеру на странице и не были впоследствии растянуты или сжаты Tilda

Обложка

Размер изображения на ПК 1680 x 900 px (соотношение 16:9).
Размер для мобильной версии нужно расстраивать отдельно в зависимости от блока

О проекте

AB107 – рекомендуем использовать svg изображение прямоугольной формы с пространством по бокам.
AB201 – 1680 x 1121 px
AB401 – 1680 x 1122 px
AB402N – 600 x 600 px
AB602 – 1680 x 1117 px
AB603 – 1680 x 1680 px
AB604 – 1680 x 1680 px
AB605, AB606 – 600 x 600 px
AB607 - 1680 x 1120 px

Текстовый блок

TX14 – 1680 x 1120 px

Прямая речь

QT01, QT02, QT03, QT04, QT19N – 200 x 200 px

Изображение

IM01 – 940 x 550 px
IM02 – 1680 x 900 px
IM04 – 1680 x 1117 px
IM05, IM06 – 1680 x 900 px
IM07 – 1050 x 700 px
IM08 – 300 x 300 px
IM10 – 935 x 935 px
IM11 – 230 x 346 px

Галерея

GL01 – 1000 x 667 px
GL02, GL03 – 600 x 600 px
GL04 – 1450 x 725 px
GL05 – 1680 x 2520 px
GL07N – 1680 x 1120 px
GL08N – 1680 x 1112 px
GL09 – 1524 x 1008 px
GL10N – 1680 x 1050 px
GL11, GL12, GL13 – 1680 x 1637 px
GL14, GL15 – 1680 x 1120 px
GL16 – 1680 x 1637 px
GL17 – 1680 x 1085 px
GL19 – 1680 x 1120 px
GL20 – 1000 x 667 px
GL21 – 1680 x 1120 px
GL22 – 1680 x 2520 px
GL23, GL25 – изображения любого формата (не больше 1680 по большей стороне).
GL24, GL26 – 1680 x 1120 px
GL27 – 1000 x 1500 px

Преимущества

Для иконок:
использовать svg файлы и задавать размеры для этих иконок в настройках блока
Для изображений:
FR208, FR301 – 1680 x 1120 px
FR302N – 1680 x 1323 px
FR303N – 1680 x 2675 px
FR309 – 1680 x 840 px
FR501, FR502 – 1680 x 900 px
FR601, FR602 – 1280 x 860 px

Колонки

CL10N – 100 x 100 px
CL16 – 1260 x 1680 px
CL20N, CL21N, CL22 – 1680 x 1120 px
CL23 – 339 x 368 px
CL24 – 1000 x 857 px
CL25 – 1170 x 673 px
CL26 – 518 x 718 px
CL34N – 1680 x 1260 px
CL47, CL48 – 1680 x 1120 px

Меню

Все изображения для логотипов лучше использовать в svg формате в прямоугольной форме. Шириной логотипов можно управлять в настройках блока, в разделе «ШИРИНА ИЗОБРАЖЕНИЯ». Ширину необходимо прописывать с обозначением «px», иначе значение не применится и логотип отображаться не будет.

Список страниц

Блоки из данного раздела подтягивают изображения из бейджей тех страниц, которые вы отмечаете в контенте. То есть в сам блок загрузить изображение не получится.
Размер бейджа 1920 x 1430 px

Плитка и ссылка

TE100, TE105, TE110 – 1450 x 725 px
TE200 – 700 x 467 px
TE205, TE210, TE215 – 480 x 480 px
TE220, TE225 – 700 x 700 px
TE230, TE400, TE405 – 1680 x 1120 px
TE700 – Вы можете использовать изображения любого формата (не больше 1680 по ширине). Алгоритм в данном блоке автоматически подберет нужные пропорции и красиво разместит ваше изображение.
TE720 – 700 x 700 px
TE800 – 700 x 697 px
TE900 (A, B, C, D, E) - 1200 x 900 px или 1200 x 1400 px (размер зависит от выбранного соотношения сторон изображения в настройках блока → Карточки → Соотношение сторон изображения).

Подвал

FT401 – фоновое изображение имеет значение 1680 x 900 px
Все изображения для логотипов в подвале лучше использовать в svg формате в прямоугольной форме.

Шириной логотипов можно управлять в настройках блока, в разделе «ШИРИНА ИЗОБРАЖЕНИЯ». Ширину необходимо прописывать с обозначением «px», иначе значение не применится.

Формы

BF306 – 1450 x 775 px
BF308N, BF309N, BF311N – 1680 x 900 px
BF402N – 696 x 408 px
BF403 – 1680 x 2516 px
BF501N, BF502N, BF503 – Изображения подтягиваются в пропорциях. То есть если вы видите что ваше изображение слишком высокое, отредактируйте оригинал (нужно уменьшить его высоту, не трогая при этом ширину)
BF918 – 1680 x 1100 px

Квиз

QZ101 (A, B, C, D, E, F) – Размер изображения для шагов «Обложка» и «Результат: Контент (изображение + текст)» будет зависеть от расположения изображения в блоке (фоновое изображение, изображение справа/слева, изображение снизу/сверху). Рекомендуемые размеры: 1680 x 1120 px, 1680 x 900 px.

Кнопка

BF303 – 1680 x 900 px
BF401 – 696 x 408 px
BF904 – 400 x 400 px

Магазин

ST200, ST205, ST210 – 1680 x 1200 px
ST215 – 1680 x 900 px
ST300 – 650 x 650 px
ST305N, ST310N, ST315N, ST320N, ST330 – 720 x 720 px
ST405 – 1680 x 1200 px
ST500, ST505, ST510 – 1680 x 1200 px

Команда

TM101, TM102, TM103 – 400 x 400 px
TM201, TM301, TM401, TM402, TM302 – 800 x 800 px
TM501, TM502 – 1680 x 900 px
TM601, TM602, TM603 – 800 x 800 px

Отзывы

TS101N, TS102N, TS103N, TS201, TS202, TS203, TS104N, TS105 – 400 x 400 px
TS204 – 100 x 100 px
TS205, TS206N – 400 x 400 px
TS207 – 250 x 250 px
TS208 - 1680 x 900 px
TS301N, TS302N – 1680 x 900 px (обложка), 400 x 400 px (аватар)

Расписание

Для иконок:
использовать svg файлы и задавать размеры для этих иконок в настройках блока
Для изображений:
TB102 – 250 x 250 px
TB103, TB104 – 800 x 800 px
TB202, TB301 – 250 x 250 px

Этапы

Для иконок:
использовать svg файлы и задавать размеры для этих иконок в настройках блока.
Для изображений:
HW103, HW201, HW302, HW303, HW404 – 160 x 160 px

Контакты

CN108 – 400 x 400 px
CN201, CN202 – 1680 x 900 px
CN302N – 600 x 800 px

Услуги

SV101 – 1680 x 1080 px
SV102 – 400 x 270 px
SV201, SV202, SV302, SV305 – используйте svg файлы и задавайте их размеры в настройках блоков
SV306 – 400 x 270 px
SV401 – 800 x 565 px
SV402, SV403 – 700 x 470 px
SV404 – 1680 x 1120 px
SV405 – 700 x 470px

Тарифы

PL102N, PL110N, PL115N – используйте svg файлы и задавайте их размеры в настройках блоков
PL125N – 800 x 530 px

Партнеры

PR101, PR102, PR201N, PR103 – 300 x 300 px
PR301, PR302N – 400 x 400 px
PR401N – 1680 x 900 px

Новости и потоки

В превью блоков из данного раздела погружаются изображения, которые вы используете в статье или которое вы загружаете в настройках статьи при ее создании
FD101 – квадратные изображения в статьях 900 х 900 рх(соотношения сторон 1:1)
FD201, FD301, FD302, FD401 – используйте прямоугольные изображения в статьях 1680 x 900 px
{$te}
Создание сайта Tilda