For this post, I will be basing all recommended image dimensions on these aspect ratios. The 3:4 aspect ratio is useful in Divi for displaying portraits.ĭivi was built with three aspect ratios in mind – 16:9, 4:3, and 3:4. The newer high definition televisions and monitors today have the 16:9 aspect ratio which has a wider display. The 4:3 aspect ration is the standard screen size for older TV’s and monitors and has a more box-like display. These should look familiar to you if ever adjusted your TV screen or monitor settings before. The two most popular aspect ratios are 4:3 and 16:9. The number on the left of the colon represents the width (x axis) and the number on the right of the colon is the height (y axis).

Divi Image Optimization Guidelines Use Divi’s Image Aspect Ratio (16:9, 4:3, 3:4)Īspect ratio expresses the proportional dimensions of the width and height of an image or screen.

In the sections below I’ll show in detail how an understanding of these three factors can be used throughout Divi, resulting in perfect image sizes for any use case. responsiveness: the changes made to the dimensions of your image on different screen sizes.

column layout: the maximum width of your image.aspect ratio: the height and width of your image.4.17 General Guidelines for Fullwidth Background Imagesįinding the perfect image sizes for your Divi website depends on three main factors:.4.16 General Guidelines for Background Images.4.11 Gallery Module Images (Slider and Grid Layout).4.9 Porfolio Module Featured Images (Fullwidth and Grid Layout Standard and Filterable).4.8 Blog Module Featured Images with Grid Layout.4.7 Blog Module Featured Images with Fullwidth Layout.4.4 Slider and Post Slider Featured Image.4.2 Slider and Post Slider Background Images.4 Image Dimensions for Different Divi Modules.3 Image Dimension Guidelines Based on Divi’s Column Layouts.

Diva images