Divi Graphics

The Ultimate Guide To Using Images With Divi

Divi was built with three main aspect ratios in mind; 16:9, 4:3, and 3:4. 

Optimize Images Before You Upload

Never Forget About SEO

File Formats

Recommend uploading JPEGs.

Image Dimension Guidelines Based on Divi’s Column Layouts

The following image dimensions follow the 16:9 aspect ratio standard

  • 1 column: 1080 x 608
  • ¾ column: 795 x 447
  • ⅔ column: 700 x 394
  • ½ column: 510 x 287
  • ⅓ column: 320 x 181
  • ¼ column: 225 x 128

The following image dimensions follow the 4:3 aspect ratio standard

  • 1 column: 1080 x 810
  • ¾ column: 795 x 597
  • ⅔ column: 700 x 526
  • ½ column: 510 x 384
  • ⅓ column: 320 x 241
  • ¼ column: 225 x 170

Image Dimensions for Different Divi Modules

For 4:3 aspect ratio:

  • 1 column: 1080 x 810
  • ⅔ column: 770 x 578
  • ¾ column: 770 x 578
  • ½ column: 770 x 578
  • ⅓ column: 770 x 578
  • ¼ column: 370 x 278

For 16:9 aspect ratio:

  • 1 column: 1080 x 608
  • ⅔ column: 770 x 433
  • ¾ column: 770 x 433
  • ½ column: 770 x 433
  • ⅓ column: 770 x 433
  • ¼ column: 370 x 208

Slider and Post Slider Background Images

The following image dimensions follow the 16:9 aspect ratio standard:

  • 1 column: 1080 x 608
  • ¾ column: 795 x 447
  • ⅔ column: 700 x 394
  • ½ column: 510 x 287
  • ⅓ column: 320 x 181
  • ¼ column: 225 x 128

The following image dimensions follow the 4:3 aspect ratio standard:

  • 1 column: 1080 x 810
  • ¾ column: 795 x 597
  • ⅔ column: 700 x 526
  • ½ column: 510 x 384
  • ⅓ column: 320 x 241
  • ¼ column: 225 x 170

If you want the slider to span the width of columns on mobile devices use these guidelines:

For 4:3 aspect ratio:

  • 1 column: 1080 x 810
  • ⅔ column: 770 x 578
  • ¾ column: 770 x 578
  • ½ column: 770 x 578
  • ⅓ column: 770 x 578
  • ¼ column: 370 x 278

For 16:9 aspect ratio:

  • 1 column: 1080 x 608
  • ⅔ column: 770 x 433
  • ¾ column: 770 x 433
  • ½ column: 770 x 433
  • ⅓ column: 770 x 433
  • ¼ column: 370 x 208

Fullwidth Slider Background Images

Recommended minimum width: 1920px

Images in Lightbox Displays

1500 x 844 

  • 1 column: 1080
  • ¾ column: 795
  • ⅔ column: 700
  • ½ column: 510
  • ⅓ column: 320
  • ¼ column: 225

 

Width: Equal to the size of the single post column width (default 795px)

Blog Grid layout is that Divi uses a smaller version of the featured image uploaded to the media gallery (with a width of 400px).

0
    0
    Your Cart
    Your cart is emptyReturn to Shop