Начиная создавать дизайн сайта, многие задумываются, в каком размере делать дизайн для таплинк? Давайте разберемся.
Размер баннера для таплинк
На официальном сайте сервиса ничего не сказано о том, какой нужен размер баннера для таплинк в пикселях. Однако старайтесь не брать слишком крупных изображений — помните, что таплинк в первую очередь это мобильный сайт, а если картинки на нем будут весить по 10-50 МБ, страничка будет не только очень долго открываться, но и съест кучу трафика посетителя. Максимальный размер картинки (баннера) для таплинка в мегабайтах — 5 МБ.
В разных источниках пишут, что размер баннера для таплинк должен быть 1200 пкс, но по факту вполне достаточно 800. Для того, чтобы картинка не плыла на больших экранах, достаточно выставить в настройках максимальную ширину баннера.
Размер фрейма для таплинк в Фигме
Аналогично, если делаете дизайн таплинк в Фигме, выставляйте размер картинки от 800 до 1200 пикселей. Можно сделать в разных размерах и посмотреть, как будет смотреться работа в вашем конкретном случае. Экспериментируйте!
При загрузке баннера в таплинк черное поле вместо картинки
Иногда бывает, что вместо картинки после загрузке баннера отображается просто черное поле. Связано это, как правило, со слишком высоким разрешением картинки. Уменьшите размер картинки баннера в пикселях, чтобы он отображался корректно.
Размер картинки для карусели в таплинк
По этому поводу вполне ясно даны рекомендации на официальном сайте:
Какой размер фото для карусели максимальный?
Максимальный объем файла — 4,9 Мб, система автоматически масштабирует файлы под разрешение карусели. Но мы рекомендуем заранее обрезать файлы под выбранный формат карусели картинок по соотношению сторон. Например, для квадратных фото — 1:1. В части разрешения рекомендуем размер 2048*2048, 1080*1080 или близкий с нужным соотношением сторон.
Размер фона для таплинк
Если вы используете фото в качестве фона таплинк, правила тут примерно такие же.
- Размер файла — до 5 МБ.
- Размер картинки в пикселях — от 800 пикс.
Это может быть 1080, 1200 пикс или любой другой подходящий для вас размер. Старайтесь не использовать слишком «тяжелые» фото, чтобы не замедлять скорость загрузки страницы.
Напишите в комментах, какой размер баннера и фона для таплинк вы используете в пикселях?
Поделись с друзьями!
Здравствуйте! Подскажите, как в таплинке сделать баннер разный для телефона и компьютера?
Лена, спасибо за ваши уроки! Может вы знаете, как в таплинке сделать фото меньше?