![]() ![]() We now know in order for a thumbnail to get created, the image must be larger than the thumbnail size. Now that we understand how thumbnail images are created, we can better understand why we might have visual inconsistencies when those images are displayed in the Divi theme and we can create our first rule: Images must be as large as thumbnail dimensions If the original image uploaded is smaller than one of the thumbnails above, WordPress will not create that thumbnail. The same rule applies to Divi’s registered thumbnail sizes. WordPress is creating all of these thumbnail images in the background. That’s why it can sometimes take several seconds to upload an image to the Media library. When you upload a new image to WordPress and have the Divi theme installed, WordPress will attempt to automatically create the default thumbnail sizes discussed earlier AND the thumbnail sizes above. et-pb-post-main-image-fullwidth-large – 2880 x 1800.et-pb-gallery-module-image-portrait – 400 x 516 (gallery module).et-pb-portfolio-image-single – 1080 x 9999 (single portfolio post).et-pb-portfolio-module-image – 510 x 382 (portfolio module – carousel & fullwidth grid layout).et-pb-portfolio-image – 400 x 284 (portfolio module – grid layout).et-pb-post-main-image-fullwidth – 1080 x 675 (blog module – fullwidth layout).et-pb-post-main-image – 400 x 250 (blog module – grid layout).The following are thumbnail sizes registered by Divi and the modules that use those thumbnails: In addition to the default thumbnail sizes added by WordPress, themes and plugins can also register thumbnail sizes they want WordPress to automatically create when you upload an image. If you are using a plugin that relies on a thumbnail to exist and the layout created by the plugin has missing or inconsistent image sizes, it’s almost always because you uploaded an image that was too small and the thumbnail needed by the plugins was not created. I have found that this is one of the most confusing concepts for WordPress users to understand. It’s important to understand that WordPress will not create a thumbnail if the original image is smaller than the thumbnail size.įor example, if you upload an image that is 100px x 100px, WordPress will not create a single thumbnail for that image because the image is smaller than all of the default thumbnail sizes listed above. Why load a large image that will be used to fill a small space? The Recent Posts Widget With Thumbnails plugin for example will use the thumbnail image (150 x 150) by default when displaying posts in the sidebar. These thumbnail images are intended to be used by plugins and themes to provide a smaller version of your image that can be loaded much faster by a browser than the original. The default dimensions in pixels are as follows: When you upload an image to WordPress, WordPress adds the image to your media library and attempts to automatically create three thumbnail sizes for the image – thumbnail, medium, large. If these sizes won’t work for you, continue reading to understand why we chose these sizes and what your options are for changing them. If you upload these sizes for each post type, you won’t be disappointed. If you post a lot to Facebook and want something that will work well for both Divi and Facebook:ĭivi Blog Post Featured Image Size – 1200 x 750ĭivi Project Featured Image Size – 1200 x 900 ![]() If you’re uploading landscape images and simply want a recommended, minimum image size to use in Divi for blog posts and projects:ĭivi Blog Post Featured Image Size – 1080 x 675ĭivi Project Featured Image Size – 1080 x 810 But before we can understand images in Divi, we need to understand how WordPress handles images and creates thumbnails. My goal in this post is to make things more clear and remove some of the confusion, particularly in regards to the Divi theme. There seems to be a lot of confusion regarding how WordPress handles images uploaded to the Media library. 20% Lifetime Access Discount 10% Annual Access Discount ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |