Facebook · Общие изображения на веб-странице

Подготовьте изображение для предварительного просмотра ссылки в Facebook

Создайте преднамеренное широкое изображение общего доступа, затем подключите его к своей веб-странице. Этот инструмент экспортирует файл изображения; Ваш веб-сайт контролирует, какое изображение объявляет общий URL.

Используйте источник с не менее 1200 × 630 пикселей в сохраненной культуре. Меньшие источники или мишени сложных размеров могут давать меньшие выходные размеры. Проверьте загруженный файл.
На сервер отправляется 0 фотографий

Бросьте фотографии сюда или коснитесь, чтобы выбрать

JPG, PNG, WebP, HEIC (iPhone), RAW · до 80 MB каждый

больше вариантов
1080 пикселей , безопасный выбор. 1440 px может выглядеть более четко в новейших версиях приложений.
Резкость
Результат будет в таком размере или ниже.
больше вариантов
Резкость

×

На сервер отправляется 0 фотографий. Фотографии обрабатываются в этом браузере. После загрузки страницы сжатие работает и без интернета.На вкладке «Сеть» в браузере можно проверить, что инструмент не отправляет фотографии на сервер. Совет: вставьте фото с помощью Ctrl+V / ⌘V.

1200×630 экспортШирокий кадрНастройка метаданных отдельно
Наш экспорт
1200×630 пикселей
Выходной
JPEG
Шаг веб-сайта
Настройте метаданные общего доступа
Проверка
Фактический общий URL

Файл изображения и веб-страница являются отдельными задачами

Общий URL получает информацию о предварительном просмотре с веб-страницы и платформы обмена, а не из имени файла изображения на вашем компьютере. Подготовка хорошего образа , это часть задачи. Веб-сайт также должен объявить предполагаемое совместное изображение в своих метаданных и сделать этот файл доступным, где платформа может его получить.

Эта страница экспортирует наш файл 1200×630 пикселей в широком формате JPEG. Используйте его как рабочий размер изображения, а не как гарантию того, что каждая карта Facebook будет отображать полный прямоугольник. Различные общие поверхности могут обрезать по-разному или выбрать другую презентацию. Держите ключевой объект и лаконичный заголовок внутри кадра, чтобы изображение оставалось понятным, если предварительный просмотр обрезал края.

Компрессор не редактирует вашу веб-страницу, не загружает файл в службу хостинга, не устанавливает теги открытых графиков, очистит кэш платформы или публикует ссылку. Если предварительный просмотр показывает неверное изображение, многократное сжатие правильного файла не устранит метаданные или проблему с поиском. Проверьте конфигурацию общего доступа веб-страницы и фактический URL-адрес изображения в качестве отдельной задачи веб-сайта после создания экспорта.

Создайте четкий широкий образ перед загрузкой

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

  1. Подготовьте исходный дизайн или выберите подходящую оригинальную фотографию.
  2. Откройте его с выбранным предустановленным изображением ссылки.
  3. Расположите широкую кадр и проверьте основную тему или заголовок.
  4. Сравните тонкие типы, логотипы и высококонтрастные края в JPEG.
  5. Загрузите файл для отдельной настройки метаданных веб-сайта.

Если источник содержит заголовок, используйте достаточно контраста и сохраните его кратким. Название страницы и описание могут также отображаться на общей карте, поэтому изображение не должно содержать каждое предложение статьи. Поместите полную информацию на страницу назначения. Если вам нужно пересмотреть надписи или макет, вернитесь к редактируемому дизайну, а не пытайтесь восстановить сжатое изображение.

Попробуйте на своем фотоФото для соцсетей, меньший размер файлов, без отправки изображений на сервер.
сжать фото

Проверьте URL-адрес после подключения изображения

После того, как подготовленный файл будет размещен и объявлен веб-страницей, проверьте фактический URL-адрес, которым вы собираетесь поделиться. Убедитесь, что в предварительном просмотре используется ожидаемое изображение и что пункт назначения является правильной страницей. Локальный файл, выглядящий хорошо, не доказывает, что Facebook может его получить. Элементы управления доступом, перенаправления, устаревшие метаданные или другая каноническая страница могут повлиять на предварительный просмотр ссылки.

Держите изображение совместного использования отличным от обычной загрузки канала. Публикация фотографии с URL-адресом в подписи не обязательно является той же презентацией, что и совместное использование веб-страницы с собственной картой предварительного просмотра. Выберите рабочий процесс, который обслуживает содержимое, и проверяйте его в Composer. Этот инструмент изображения не может гарантировать, какую компоновку карты выберет платформа.

Сохраните редактируемый источник и используйте имя файла для публикации с четким версией, когда он нужен вашему рабочему процессу на веб-сайте. Если название статьи или продукт меняется, обновите информацию о веб-сайте, а также обложку, чтобы предварительный просмотр остался точным. Не добавляйте к изображению утверждение, которое не поддерживает целевая страница. Для обычной публикации изображения вместо общей веб-страницы используйте Инструмент квадратной стойки или Портретный инструмент. Для текстовой графики Страница экспорта текста Более подробно объясняет проверку читабельности.

вопросы люди задают

Изменяет ли загрузка этого изображения предварительный просмотр ссылок моего сайта?

Нет. Разместите изображение и настройте метаданные совместного использования вашей веб-страницы отдельно, затем протестируйте фактический общий URL-адрес.

Почему Facebook все еще показывает старое изображение?

Проблема может включать кэшированные данные предварительного просмотра, различные метаданные страницы или недоступный URL-адрес изображения. При повторном сжатии файла не учитываются эти настройки веб-сайта.

Могу ли я использовать скриншот всей моей веб-страницы?

Вы можете подготовить один, но небольшой текст на странице часто нечитаем в карточке. Сфокусированное соответствующее изображение или лаконичное название обычно более четко передают пункт назначения.

Больше способов его использования

На этой странице используется тот же частный инструмент, что и на главной странице; Изменяются только предустановленные.

Социальные платформы

Больше фотоинструментов (45)
Фото WhatsApp в качестве документаФото продукта WhatsAppФотографии группы WhatsAppПреобразование JPG в WhatsAppПлакат о статусе WhatsAppПодготовка скриншота WhatsAppФотографии партии WhatsAppFacebook Портретное фотоFacebook фото историяОбложка мероприятия в FacebookFacebook аватарФотографии торговой площадки FacebookФотографии из альбома FacebookЭкспорт текста в FacebookИзображение профиля YouTubeМиниатюра YouTube HDКачество текста на YouTubeYouTube Shorts произведения искусстваВидео с водяным знаком YouTubeх Изображение профилях портретный постx Подготовка скриншотаФоновое фото LinkedInОбложка компании LinkedInLinkedIn Портретный постОбложка статьи LinkedInИнфографическая подготовка LinkedInPinterest квадратный булавкаИзображение профиля PinterestОбложка профиля PinterestИнфографическая подготовка PinterestИзображение профиля TikTokСлайд-шоу фото TikTokОбложка для фото TikTokThreads Квадратное изображениеThreads Портретное изображениеThreads Фото карусельTelegram HD фотоTelegram изображение профиляTelegram Фото каналаTelegram Фото как файлФото воспоминаний SnapchatТекст истории SnapchatИзображение аватара DiscordЗначок сервера Discord

Общий

Больше фотоинструментов (30)

IGCOMPRESSOR является независимым инструментом и не связан с Instagram, Meta, WhatsApp, YouTube или любой другой платформой.

Языки