How to change the image that appears when you share on social?

Hi there!

I create a site and when I shared on facebook the icon is wicked zoomed in, very ugly. How can I adjust this in settings?


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

1 Like

Upload your social graphic to your assets, copy its link and paste it as the meta graphic for each page under page settings.

1 Like

Where is the “meta graphic”?

If I am on the social icon, the link block has an option for custom attributes but not to upload an image.

I have the image uploaded to my assets

Go to your Pages menu, Hover over the page you want to edit and click the Gear icon. Look for “Open Graphic Image URL” under Open Graph Settings

1 Like

Thanks so much! Sorry I have one more question, how can I add the image in?

I’ve tried

  • copy and pasting the image in
  • dragging it in

There is no import image. Appreciate your help with this!

After you upload the image into your Webflow project assets, click the open in new tab icon and grab the URL (or just right-click and choose copy link address) and paste it in the settings for that pages open graph image.

image

That works! Except, now it’s blurry! I made my logo with the dimensions 1200 x 650 and get a blurry version (attached)

l.

I doubled the size in photoshop and when I uploaded it the image does not show up at all (pasted below) Any help with this would be great, thank you!

This is my project link: https://preview.webflow.com/preview/snakeitaway?utm_medium=preview_link&utm_source=designer&utm_content=snakeitaway&preview=8388ca069399ccfeebb84275a77e7f58&mode=preview

Hmm, did you happen to grab the smaller preview version of the image by chance? If you right click on one of the assets directly within the assets panel you’re only getting access to the small version. Make sure you click on the little gear icon in the upper right (when hovering over an asset) and on that popup you’ll see the icon I included in my last response. Clicking that (or right clicking and copying the link address) will get you the full sized version

I followed this advice but as per mikeyevin last comment. When I right click on the opened asset, I don’t get icon mentioned. Some how I did get it to work though and carried out a test share and it was fine. But when I tried to share again, it had reverted to the old original image that I was trying to get rid of and now I can’t get it working at all. I changed the titles, description and image, then saved and published, but it’s not working. When I google search my website, it still has the old title and description. Please help!