psd-шаблон картинки для публикации
внешних ссылок в соцсетях

Если у вас блог на Тильде или на Wordpress, то наверняка при публикации статьи каждый раз стоит вопрос, как расположить логотип и текст на картинке, чтобы он хорошо смотрелся если разместить ссылку в соцсетях
Вконтакте
Facebook
Twitter
Telegram
Недостаточно знать размер изображения для поста, важно понимать, как обрезают изображения сами соцсети.

P.S Шаблон обновлен 08.06.2019 (скриншот старый – принцип тот же)
  • Размер изображения Facebook Open Graph = 1200 x 630 px
  • Размер изображения для поста Вконтакте = 537 x 240 px
  • Telegram и Instagram обрезают изображение по квадрату
Примеры использования
Как это выглядит в итоге в различных случаях при публикации ссылки. Что будет если вашей ссылкой кто-то поделится в соцсетях?
Пример как VK обрезает картинку с синей областью из шаблона
Пример как VK обрезает картинку с синей областью из шаблона,
если картинка автоматически загружается вместе с ссылкой
Пример как Facebook обрезает картинку для ссылки (никак)
За основу для прицела взято изображение 1200 x 630 px, добавлен синий фон пропорционально увеличенный 537 x 240 px для Вконтакте и квадрат для Телеграма и Твиттера
Скачать psd-шаблон для поста
Нажимая на кнопку «Получить ссылку» вы соглашаетесь с политикой конфиденциальности
Инструкция
к старому шаблону. Залили новый от 08.06.201
  • Вкл/Выкл прицел, чтобы убедиться, что все влезло
  • Фон, лого и текст – смарт объекты
  • Фону задана непрозрачность 30%
  • Есть черная и белая подложка под полупрозрачный фон
  • Можно все удалить и просто пользоваться прицелом
Если вы уже однажды публиковали ссылку в соцсети, то она сохранила картинку в кэше.

Чтобы очистить кэш воспользуйтесь официальными сервисами:

для Facebook
открыть ссылку в новом окне

для Вконтакте
открыть ссылку в новом окне

для Telegram
открыть бота в Телеграме без VPN
как дать ссылку на Телеграм после блокировки?

Подробнее в блоге Тильды
http://help-ru.tilda.ws/preview-update
Поделитесь с друзьями
Оказалось полезно? Лучший способ отблагодарить
Мы пишем новую статью
Оставьте свой e-mail, отправляем только полезное
Нажимая на кнопку «Подписаться» вы соглашаетесь с
политикой конфиденциальности
Made on
Tilda