About Blog Post Image Element![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
Summary: Blog Post Image element is designed to display images of your Shopify blog post on your page, to get better SEO rankings.
You can use the Blog Post Image element to display your image of a blog post on any non-blog post page or use it on a blog post page.
How To Access Blog Post Image Element![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
To access the Blog Post Image element, you can follow these steps below:
- Step 1: Click on the Shopify icon which is the Add shopify element function
- Step 2: Click on the Blog Post Image element in the dropdown menu
- Step 3: Drag and drop the element you want into the page editor and then start using it.
How To Configure For Blog Post Image Element![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
Blog Post Image element comes with parameters allowing you to fine-tune content appearance for the best possible conversion rate.
Select the element in the layout to see its parameters.
General Settings![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
Before we dive deep, consider watching out video tutorial that breaks down the process step-by-step:
You can get further information about ATTRIBUTES, VISIBILITY, ANIMATION parameters here.
Styling Settings![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
For further details on the Styling tab, please refer to this link.
Common Cases![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
- Sometimes, images may not scale properly across different devices or screen sizes, resulting in distortion or cutoffs. This problem can occur due to CSS conflicts, improper theme settings, or inconsistencies in image dimensions. Ensuring that images are properly resized and responsive can help mitigate this issue.
Frequently Asked Questions![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
What Is A Shopify Blog Post Image?![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
Blog Post Image element is designed to display images of your Shopify blog post on your page, to get better SEO rankings.
Should I Use Png Or Jpg For Blog Post?![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
JPGs, as the image weight is smaller, which takes up less space, load faster on the web.
Why Are My Shopify Images Blurry?![Copy Click to copy](https://help-cdn.pagefly.io/wp-content/themes/manual/images/icons/link.svg)
Sometimes, Shopify lowers the image size and weight, to improve page load times.