Image Aspect Ratio Settings in Blocksy 2: Maintaining Image Consistency and Aesthetics

Images are an indispensable element in modern websites. From a cover image that showcases a blog post to a gallery that presents an e-commerce product, images take on an important visual display function.Blocksy The theme provides a variety of image setting options to help users customize the display of images to ensure that each image is displayed on the site in accordance with the design requirements.

In this article, we'll cover image aspect ratio settings and their application in Blocksy themes to help you keep your image presentation consistent and neat.

What is the image aspect ratio?

The aspect ratio of an image is the ratio between its width and height. Common aspect ratios are 16:9, 4:3, and 1:1, which represent the proportional relationship between width and height, respectively. 16:9 is used in modern wide-screen televisions, 4:3 is the standard ratio for older televisions, and 1:1 represents a square image.

In Blocksy theme, the Image Aspect Ratio setting automatically crops images to make them display more neatly and consistently on the page. Regardless of the size of the uploaded image, Blocksy will adjust its display according to the set aspect ratio.

Setting the Image Aspect Ratio in Blocksy

The Blocksy theme provides several places to adjust the image aspect ratio, such asblog (loanword)Articles, product cards, individual product cover images, etc. Next, we'll cover how to set the image aspect ratio for product profile pages and individual product pages.

1. Setting the image aspect ratio on the product profile page

First, enter the CustomizerThen find the Product Archives Card Options. Here you can see the image settings option, click on the drop downmenuSee more configuration options.

Here you have a choice:

• original setup: Maintains the size of the image as it was uploaded without cropping. This setting applies if the uploaded images are of the same size, but if the images are of different sizes, it may lead to inconsistent display.

• Preset Options::Blocksy Several common aspect ratio options are provided, including:

There is also an inversion option where you can choose the inversion ratio, such as 3:4, 9:6 and 1:2.

• Customization OptionsBlocksy also provides a link to a tool that will help you calculate the aspect ratio of an existing image.

For example, if the uploaded product image is a tall and long shape, select the Reverse 3:4 After the aspect ratio, the image will be displayed in a consistent aspect ratio.

2. Setting the image aspect ratio on individual product pages

exist Single Product Gallery(single)Product Gallery) in which you can likewise adjust the image's aspect ratio setting. Enter the Single Product Gallery After the page, you will see the same image setting options as on the Product Profile page.

By choosing the right aspect ratio, you can ensure that images on individual product pages are equally neat and consistent.

3. Setting the image aspect ratio on the blog page

For blog post pages, Blocksy also provides image aspect ratio settings. You can set the image aspect ratio in the Blog Posts Card Options(Blog Post Card Options) Find the relevant settings to adjust the display of the cover image on the blog page.

Similarly, a single blog post page can be accessed via the Single Post Featured Image(Single Post Cover Image) option to adjust.

summarize

The image aspect ratio is an important setting to ensure that your website's images are neatly and uniformly displayed. Whether it's on a product page, a blog page, or an individual product gallery page, theBlocksy Themes are provided with a wealth of image settings options, allowing you to flexibly adjust the display of each image according to different needs.

On the basis of ensuring that the size of the uploaded images is consistent, the reasonable use of image aspect ratio settings can make your website more visually appealing and enhance the overall design.

Recent Updates

Contact Us
Can't read the tutorial? Contact us for a free answer! Free help for personal, small business sites!	Customer Service
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) E-mail: [email protected]
④ Working hours: Monday to Friday, 9:30-18:30, holidays off