1<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><title>Pinterest images - PreviewChecks guide</title><link rel="stylesheet" href="/_nuxt/entry.-PFM0SpN.css" crossorigin><meta name="description" content="When to use a portrait image for Pinterest without replacing the main wide Open Graph image that Facebook, LinkedIn, X and chat previews expect."><meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1"><meta name="author" content="CoMStudio OÃ"><meta name="application-name" content="PreviewChecks"><meta name="theme-color" content="#4f46e5"><meta name="color-scheme" content="light dark"><meta name="mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-title" content="PreviewChecks"><meta name="apple-mobile-web-app-status-bar-style" content="default"><meta property="og:type" content="website"><meta property="og:site_name" content="PreviewChecks"><meta property="og:locale" content="en_US"><meta property="og:url" content="https://previewchecks.com/guides/pinterest-images"><meta property="og:title" content="Pinterest images - PreviewChecks guide"><meta property="og:description" content="When to use a portrait image for Pinterest without replacing the main wide Open Graph image that Facebook, LinkedIn, X and chat previews expect."><meta property="og:image" content="https://previewchecks.com/og-image.png"><meta property="og:image:secure_url" content="https://previewchecks.com/og-image.png"><meta property="og:image:type" content="image/png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:image:alt" content="PreviewChecks social preview debugger card"><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Pinterest images - PreviewChecks guide"><meta name="twitter:description" content="When to use a portrait image for Pinterest without replacing the main wide Open Graph image that Facebook, LinkedIn, X and chat previews expect."><meta name="twitter:image" content="https://previewchecks.com/og-image.png"><meta name="twitter:image:type" content="image/png"><meta name="twitter:image:width" content="1200"><meta name="twitter:image:height" content="630"><meta name="twitter:image:alt" content="PreviewChecks social preview debugger card"><link rel="manifest" href="/site.webmanifest?v=1"><link rel="icon" type="image/svg+xml" href="/favicon-v1.svg"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32-v1.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16-v1.png"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-v1.png"><link rel="canonical" href="https://previewchecks.com/guides/pinterest-images">
1<script type="application/ld+json" data-hid="previewchecks-guide-pinterest-images-structured-data">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://comstud.io/#organization","name":"CoMStudio OÃ","url":"https://comstud.io/"},{"@type":"WebSite","@id":"https://previewchecks.com/#website","name":"PreviewChecks","url":"https://previewchecks.com/","inLanguage":"en","publisher":{"@id":"https://comstud.io/#organization"}},{"@type":"WebPage","@id":"https://previewchecks.com/guides/pinterest-images#webpage","name":"Pinterest images - PreviewChecks guide","description":"When to use a portrait image for Pinterest without replacing the main wide Open Graph image that Facebook, LinkedIn, X and chat previews expect.","url":"https://previewchecks.com/guides/pinterest-images","inLanguage":"en","isPartOf":{"@id":"https://previewchecks.com/#website"},"publisher":{"@id":"https://comstud.io/#organization"}}]}</script>
1<script>"use strict";(()=>{const o=window,e=document.documentElement,c=["dark","light"],s=getStorageValue("localStorage","nuxt-color-mode")||"system";let r=s==="system"?f():s;const l=e.getAttribute("data-color-mode-forced");l&&(r=l),i(r),o["__NUXT_COLOR_MODE__"]={preference:s,value:r,getColorScheme:f,addColorScheme:i,removeColorScheme:d};function i(t){const a=""+t+"",n="";e.classList?e.classList.add(a):e.className+=" "+a,n&&e.setAttribute("data-"+n,t)}function d(t){const a=""+t+"",n="";e.classList?e.classList.remove(a):e.className=e.className.replace(new RegExp(a,"g"),""),n&&e.removeAttribute("data-"+n)}function u(t){return o.matchMedia("(prefers-color-scheme"+t+")")}function f(){if(o.matchMedia&&u("").media!=="not all"){for(const t of c)if(u(":"+t).matches)return t}return"light"}})();function getStorageValue(o,e){switch(o){case"localStorage":try{return window.localStorage.getItem(e)}catch{return null}case"sessionStorage":try{return window.sessionStorage.getItem(e)}catch{return null}case"cookie":try{return getCookie(e)}catch{return null}default:return null}}function getCookie(o){const c=("; "+window.document.cookie).split("; "+o+"=");if(c.length===2){const s=c.pop();return s?s.split(";").shift():null}}</script>
1</head><body><div id="__nuxt"><main class="bg-base-200 text-base-content min-h-screen"><article class="mx-auto w-full max-w-3xl px-4 py-12 sm:px-6 lg:py-16"><a class="link link-hover text-sm font-semibold" href="/">PreviewChecks</a><h1 class="mt-4 text-4xl font-black tracking-tight text-balance"> Add Pinterest images without replacing the main OG image </h1><p class="text-base-content/70 mt-5 text-lg leading-8"> Pinterest can use Open Graph or Schema.org data for Rich Pins, while many other link cards start from the first Open Graph image. Keep those jobs separate: use a dependable wide image first, then add richer page-type data when Pinterest needs another candidate. </p><section class="panel mt-8 p-5 sm:p-6"><h2 class="text-2xl font-black tracking-tight"> Rich Pin data and image shape are different </h2><div class="text-base-content/75 mt-4 space-y-4 leading-7"><p> Rich Pins attach page information to a saved Pin. Pinterest documents three supported types: product, recipe and article. The markup for each type carries facts such as a product price, recipe details or an article headline and author. </p><p> A portrait image is an optimization for the Pinterest feed, not a requirement that should replace every page's primary Open Graph image. A page can keep a wide sharing image for standard cards and expose one or more high-resolution article, product or recipe images through supported structured data. </p><p> Pinterest decides which supported data and asset to use. Markup supplies candidates; it does not guarantee a particular crop for every placement or preserve a previously saved Pin when the source changes. </p></div></section><section class="mt-10"><h2 class="text-2xl font-black tracking-tight">Use the page type you actually have</h2><div class="mt-5 grid gap-3 sm:grid-cols-3"><article class="panel p-5"><h3 class="font-bold">Article</h3><p class="text-base-content/70 mt-2 text-sm leading-6"> Use for original editorial content. Keep the headline, description, author, publication date and images consistent with the visible article. </p></article><article class="panel p-5"><h3 class="font-bold">Product</h3><p class="text-base-content/70 mt-2 text-sm leading-6"> Use only for a real product page. Price and availability must match what a visitor can see and purchase; do not mark a generic landing page as a product. </p></article><article class="panel p-5"><h3 class="font-bold">Recipe</h3><p class="text-base-content/70 mt-2 text-sm leading-6"> Use for a complete recipe with the properties Pinterest expects. A food photo alone does not turn an ordinary article into recipe markup. </p></article></div><p class="text-base-content/70 mt-4 leading-7"> Pinterest gives product data priority over recipe data, and recipe data priority over article data when a page declares several Rich Pin types. Avoid that ambiguity: publish one type that matches the visible page. </p></section><section class="mt-10"><h2 class="text-2xl font-black tracking-tight">Keep the wide Open Graph image first</h2><p class="text-base-content/75 mt-4 leading-7"> Start with a direct, public image around 1.91:1 for ordinary link cards. Declare its width, height, MIME type and alt text beside it. This is the stable fallback when a crawler does not use the page-specific structured data. </p><pre class="bg-base-300/60 mt-5 overflow-auto rounded-box p-4 text-sm leading-6"><code><meta property="og:image" content="https://example.com/article-wide.jpg"> 2<meta property="og:image:width" content="1200"> 3<meta property="og:image:height" content="630"> 4<meta property="og:image:type" content="image/jpeg"> 5<meta property="og:image:alt" content="What the image shows"></code></pre><p class="text-base-content/65 mt-4 text-sm leading-6"> Do not put a tall Pinterest asset before this block unless you have tested the crop on all other sharing surfaces that matter to the page. </p></section><section class="mt-10"><h2 class="text-2xl font-black tracking-tight">Add an article image as structured data</h2><p class="text-base-content/75 mt-4 leading-7"> For an article, the Schema.org <code>image</code> property can contain more than one high-resolution candidate. Keep the markup consistent with the visible article and use absolute URLs. This example adds a portrait option without changing the primary Open Graph image. </p><pre class="bg-base-300/60 mt-5 overflow-auto rounded-box p-4 text-sm leading-6"><code><script type="application/ld+json"> 6{ 7 "@context": "https://schema.org", 8 "@type": "Article", 9 "headline": "The visible article headline", 10 "datePublished": "2026-07-14", 11 "image": [ 12 "https://example.com/article-wide.jpg", 13 "https://example.com/article-portrait.jpg" 14 ] 15} 16</script></code></pre><p class="text-base-content/65 mt-4 text-sm leading-6"> A 2:3 portrait is a practical Pinterest-oriented candidate, not a promise that Pinterest will always choose or display it uncropped. Check the current Rich Pin documentation for the page type before shipping new markup. </p></section><section class="mt-10"><h2 class="text-2xl font-black tracking-tight">Validate both candidates</h2><ol class="mt-5 grid gap-3"><li class="panel p-5"><h3 class="font-bold">1. Match the visible page</h3><p class="text-base-content/70 mt-2 leading-7"> Structured facts, image subject and canonical URL should describe the same page. Do not add an unrelated tall graphic only to fill a Pinterest field. </p></li><li class="panel p-5"><h3 class="font-bold">2. Fetch every image without browser state</h3><p class="text-base-content/70 mt-2 leading-7">
16 Verify status, redirects, TLS, MIME type, dimensions and file size for both the wide and portrait URLs. Hotlink or bot rules can differ between hosts and image paths. </p></li><li class="panel p-5"><h3 class="font-bold">3. Keep versioning deliberate</h3><p class="text-base-content/70 mt-2 leading-7"> When an image changes, use a stable versioned filename. Existing Pins can preserve their saved snapshot, so changing source markup is not a promise that old Pins update. </p></li></ol></section><section class="panel mt-10 p-5 sm:p-6"><h2 class="text-2xl font-black tracking-tight">Check before publishing</h2><ul class="text-base-content/75 mt-4 list-disc space-y-2 pl-5 leading-7"><li>The declared Rich Pin type matches the page visitors can see.</li><li>The first Open Graph image remains the safest broad link-card image.</li><li>The portrait candidate is high resolution, relevant and publicly fetchable.</li><li>Image metadata matches the downloaded files.</li><li>Product, recipe or article facts are not duplicated with conflicting values.</li><li>No login wall, consent screen or WAF challenge blocks the public assets.</li></ul><a class="btn btn-primary mt-5" href="/">Check the image candidates</a></section><section class="mt-10 border-t border-base-300 pt-6"><h2 class="text-lg font-bold">Primary references</h2><ul class="text-base-content/70 mt-3 list-disc space-y-2 pl-5 leading-7"><li><a class="link link-hover" href="https://developers.pinterest.com/docs/web-features/rich-pins-overview/" target="_blank" rel="noopener noreferrer">Pinterest: Rich Pins overview</a></li><li><a class="link link-hover" href="https://developers.pinterest.com/docs/web-features/article-rich-pins/" target="_blank" rel="noopener noreferrer">Pinterest: article Rich Pin markup</a></li><li><a class="link link-hover" href="https://ogp.me/" target="_blank" rel="noopener noreferrer">The Open Graph protocol</a></li></ul><p class="text-base-content/55 mt-3 text-sm">Reviewed July 14, 2026.</p></section></article><footer class="border-base-300 bg-base-100 border-t"><div class="mx-auto grid w-full max-w-5xl gap-8 px-4 py-8 text-sm sm:grid-cols-2 sm:px-6 lg:grid-cols-[minmax(180px,0.7fr)_minmax(150px,0.6fr)_minmax(200px,1fr)]"><div class="space-y-3"><a class="link link-hover font-semibold" href="/">PreviewChecks</a></div><nav class="flex flex-col items-start gap-2" aria-label="Site links"><p class="text-sm font-semibold text-base-content/70">Resources</p><!--[--><a class="link link-hover" href="/api">API</a><a class="link link-hover" href="/faq">FAQ</a><a class="link link-hover" href="https://comstud.io/privacy-policy">Privacy</a><a class="link link-hover" href="https://comstud.io/terms-and-conditions">Terms</a><a class="link link-hover" href="/guides/open-graph-image-order">Open Graph image order</a><a class="link link-hover" href="/guides/crawler-access">Crawler access</a><a class="link link-hover" href="/guides/pinterest-images">Pinterest images</a><!--]--></nav><nav class="flex flex-col items-start gap-2" aria-label="Other CoMStudio products"><p class="text-sm font-semibold text-base-content/70">Other products</p><!--[--><a class="link link-hover" href="https://andocs.io">AnDocs</a><a class="link link-hover" href="https://deplog.dev">DepLog</a><a class="link link-hover" href="https://dobrodesk.com">DobroDesk</a><a class="link link-hover" href="https://getnow.date">GetNowDate</a><a class="link link-hover" href="https://krynia.com">Krynia</a><a class="link link-hover" href="https://renderlog.com">RenderLog</a><a class="link link-hover" href="https://comstud.io/platform">CoMStudio Platform</a><!--]--></nav></div><div class="border-base-300/70 border-t"><div class="text-base-content/60 mx-auto w-full max-w-5xl px-4 py-5 text-xs sm:px-6"><p>© 2026 CoMStudio OÃ</p></div></div></footer></main></div><div id="teleports"></div>
16<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"be19e43e379b4421a16ad7b232896bea","r":1,"spa":2}' crossorigin="anonymous"></script>
16 17</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.