modifier la taille des images de Divi

How do I change the size of my images in Divi?

Updated on 30/10/2020 | Published on 21/06/2018 | 62 comments

2,096 words


Here's a tricky one: Divi's image sizes. In fact, it's not just Divi, all WordPress themes use specific image sizes and many users can get frustrated at one point or another.

When I give Divi training and WordPress, there are many questions that come up every time:

  • why is my image cropped - cut - cropped?
  • why does my portrait image appear in landscape format?
  • why is my image zoomed in?

I know it's quite annoying. There will be two solutions to remedy this:

  1. or you bend to your theme and use the right format so that your image is not cropped unintentionally.
  2. or you make some changes so that it is the theme that fits your requirements.

I bet you prefer the latter, don't you? In this article, we will discuss all these points. Here is the programme:

Announcement: this article contains affiliate links that you will easily recognise. The classic links are in purple and sponsored links are in pink.

1. How does WordPress handle your images?

First, we need to understand what WordPress does when you upload an image to the media library.

For example, you upload an image with a size of 1280px * 720px to your library => this is the original size of your image.

Now, if you look at the files on your site, via FTP (Filezilla), at www > wp-content > uploads > year folder > month folder, you will realise that WordPress has multiplied your image into 5, 6, 7 or 8 files or even more! This is called THUMBNAILS or VIGNETTES.

Not using Divi yet? Here are 10 reasons to choose this theme !

vignettes générées lors de l'upload
10 thumbnails were generated during the upload in addition to the original - in yellow: the original image - in blue: the images generated by WordPress - in pink: the images that Divi needs

However, if you go into your WordPress administration, to the Settings > Media tab you will only see 3 thumbnail sizes: thumbnail size, medium size and large size.

These three formats are the standard formats that WordPress needs (for example, to display your media thumbnails in the library).

taille des médias de WordPress
WordPress media sizes available in the Settings > Media tab

So where do the other thumbnails that have been generated come from? It's the theme of course! Your theme also needs thumbnails to work. Each theme has different visuals so each theme will need different image formats.

Did you know? You can test Divi for free by visiting on this page and clicking on "TRY IT FOR FREE

2. How does Divi handle your images?

As we have just seen, WordPress needs 3 image formats, but the Divi themeIn addition to the above, 7 additional formats are needed, as follows:

Image format n°1: et-pb-post-main-image

module blog de Divi en mode grille
Divi Blog Module in grid mode

This is the format used for the vignettes of the BLOG Module in both grid and slide versions. This format is set to 400px * 250px - a ratio of 16:10 (slightly different from 16:9).

You may also be interested in this: how to get square images for the Blog, Gallery and Portfolio modules.

Image format n°2: et-pb-post-main-image-fullwidth

image à la une en haut d'un article Divi
Front page image at the top of a Divi article

This is the format used for the front page images that appear at the top of each of your articlesjust below the title. This format is set to 1080px * 675px - still a 16:10 ratio.

Image format 3: et-pb-portfolio-image

module galerie en mode "grille - paysage"
Gallery module in "grid - landscape" mode
Modue "Portefeuille" (porfolio / projet) en mode "grille"
Portfolio" module (porfolio / project) in "grid" mode

This is the format used for the Gallery Module and the Portfolio Module in "Grid" mode (Portfolio which is related to the custom post type "Project") when on the thumbnail page (with all the module entries). This format uses the dimensions 400px * 284px - a ratio (rather bastard, sorry about the word) of 100:71.

Image format 4: et-pb-portfolio-module-image

This format uses the dimensions 510px * 382px. Beyond that your images will be cropped.

Image format 5: et-pb-portfolio-image-single

Image à la une des Projet Divi
Featured image from Divi Projects

This is the format used for the front page image that appears at the top of each of your projects (Portfolio) but also for the images on the Portfolio Module's project page in "Full Screen" mode.

This format uses the dimensions 1080px * 9999px. Generally, none of your images will have this size, but this means that your image will only be cropped if it is higher than 9999px.

In other words, these images will be able to retain their ratio whether in portrait or landscape. These are the only images in Divi that are not cropped.

Image format n°6: et-pb-gallery-module-image-portrait

Module Galerie en mode "grille - portrait"
Gallery module in "grid - portrait" mode

This is the format used for the Gallery module set to "Portrait Mode. This format uses the dimensions 400px * 516px - a ratio of 100:129.

Image format n°7: et-pb-post-main-image-fullwidth-large

Module Image en pleine largeur
Full-width image module

This is the format used for the full-width image module. It uses the dimensions 2880px * 1800px. Beyond these dimensions, your image will be cropped.

3. How can I get the right images while keeping the size of the images in Divi?

Now that we've covered the different image sizes used by the Divi theme, this will help you understand which images to use if you want to keep the sizes offered by Divi...

3.1 Understanding the importance of the RATIO (or REPORT)

If you look at it carefully, the most important thing to get the right results for displaying your images in WordPress is to take into account the ratio. In fact, the dimensions are of little importance and often the most difficult to understand. Here are some examples:

The 1:1 ratio

Ration 1:1
1:1 ratio image

This 1:1 ratio means that the width is equivalent to the height. So a 1000*1000px image, a 750px*750px image or even a 500px*500px image will always have the same ratio.

The 3:2 ratio

Ration 3:2
3:2 ratio image

This ratio means that the width is equivalent to 3/3 and the height is equivalent to 2/3. So a 900px wide image will have to be 600px high to keep a 3:2 ratio. The same goes for images of 1800px*1200px, they will always have a 3:2 ratio.

The 4:3 ratio

Ration 4:3
4:3 ratio image

These images will have a width of 4 quarters for a height of 3 quarters. For example: 1000px*750px or 1600px*1200px etc...

The 16:9 ratio

Ration 16:9
16:9 ratio image

This works like any other ratio, except that you will probably need a calculator to do this calculation: [(width of an image)/16*9 = height]. This format is widely used in video: 1920px * 1080px.

The 16:10 ratio

Ration 16:10
16:10 ratio image

This format is less known, it is close to 16:9 and it is the format used by Divi, in particular for the "front page images" of articles and thumbnails of the "blog module in grid mode".

The ratio is nothing more or less than mathematics and there is a site that will allow you to know the ratio of your images by simply filling in the width and height of it.

3.2 Resizing your images before uploading to WordPress

Well, I think this makes it clearer. We know that dimensions are only important because they affect the weight of the images, but the ratio is much more important. So if you want to keep the Divi image sizes, you'll need to crop your images to the correct ratio.

This article will surely help you: find out how to avoid cropped images in Divi.

Everything has been said above: if you want Divi to stop cropping images on the front page of your articles, don't use images with an inappropriate ratio, such as portrait images or panoramic images for example.

On this blog, for example, I have not changed the size of my front page images, I have simply adapted my visuals. To do this, I resize all my front page images to 1000*625px (ratio 16:10) but I could have used other dimensions while keeping the same ratio, for example: 800*500px or even 1200*750px.

Resizing your images before uploading them to WordPress is inevitable:

  • if you want to obtain a suitable image weight for improve the performance of a site
  • if you want to adapt the image format to the dimensions used by the theme
  • if you don't want the displayed images to be cropped

To retouch your images, you can use software such as Photoshop, Affinity Photo, Affinity Designer, Gimp etc. and I advise you to read this guide to optimising images for the web.

4. How do I change the size of my Divi images to customise my site?

Obviously, depending on your project, you may want to change the size of the images in Divi.

Would you like your front page images to be square to match your Instagram images or would you like them to be portrait to match Pinterest?

It's doable and easy! We are going to see a method that will not require any special coding. So even beginners can do it!

Tips: there is also an alternative for display images in Divi format.

4.1 - Install and activate the Simple Media Sizes extension

simple media sizes plugin
Simple Image Size Extension

Simple Media Sizes is a free extension available from the official WordPress directory, i.e. directly from your administration in the Extensions > Add tab. Just install it and activate it.

4.2 - Changing the size of Divi images

Once the extension is activated, you just have to go to the Settings > Media tab to find a nice surprise: all the image sizes used by Divi have appeared.

tailles images Divi
All Divi image sizes

All you have to do is enter the new width or height of the thumbnail you want to change.

For example:

  • if you want your front page images to be square: change the thumbnail et-pb-post-main-image as well as et-pb-post-main-image-fullwidth with dimensions like 400*400px and 1080*1080px (respectively).
  • if you want your images on the front page to be in portrait format: do the same thing with a 3:4 ratio for example.
  • etc...

Finally, click on the blue "update" button.

4.3 - Regenerating thumbnails

You now have a new image format. It will be perfect for future images you upload to WordPress, but in the meantime, to get your old images (those already in the media library) to work, you need to regenerate the thumbnails.

regénérer les vignettes
Regenerate thumbnails

It's very simple but it can be time consuming if your library is very busy. Don't forget to save your changes.

4.4 - Checking the result

taille des images de Divi personnalisées pour le module blog
Size of custom Divi images for the blog module

Here is an example of the Blog Module where the thumbnails have been modified to display square images.

Don't delay! Discover the Divi theme here !

5. Divi Image Size Summary Table

I hope this article has helped you understand how images work in WordPress and how to size images in Divi.

If you want to start making these kinds of changes, I strongly advise you to duplicate your site locally to do your experiments in order to avoid encountering problems (which I could not help you solve simply by leaving a comment on this article).

Perhaps this summary table will help you:

Divi Image ClassUse of imagesRatioWidthHeight
et-pb-post-main-imageThumbnails of the BLOG module in grid & slide version16:10400px250px
et-pb-post-main-image-fullwidthFeatured image (at the top of the articles)16:101080px675px
et-pb-post-porfolio-imageImages of the Gallery module and the Portfolio module in grid version100:71400px284px
et-pb-post-porfolio-module-image -510px382px
et-pb-post-porfolio-image-singleHighlight image on PROJECTS & images of portfolio entries in full screen version-1080px9999px
et-pb-gallery-module-image-portraitImages of the Gallery module in Portrait version100:129400px516px
et-pb-post-main-image-fullwidth-largeFull-width images from the image module-2880px1800px
modifier la taille des images de Divi - pinterest
obtenir divi bouton
quizz divi bouton
newsletter bouton
formation divi bouton
guide divi pdf bouton
bouton support divi

You might like it too:

Comment changer une image au survol de la souris ?

How to change an image on mouseover?

If you are not using the hover options available in Divi, you are missing out! Here's an example of how to use them that you might find useful. In this tutorial and video, I show you how to change an image on mouseover.

Page d’erreur 404 personnalisée : avec et sans le Divi Thème Builder

Custom 404 error page: with and without the Divi Theme Builder

Have you thought about customising your site's 404 error page? No ? Well, you should: not only is it easy to do, but it could also lower your bounce rate! The idea is to keep the user who passes through your site on your site. Discover the step by step tutorial + video.

62 Commentaires

  1. Romain


    Merci pour cet article et pour l’astuce avec Image Media Sizes. Très pratique!
    Malgré tous ces conseils, je bloque sur un point qui me gêne vraiment: dans le module Résumé du Divi Builder, lorsque je positionne le curseur « image width » à 100% dans l’onglet Style/dimensionnement, l’image se cadre parfaitement. J’enregistre, je quitte et lorsque je rouvre le builder, l’ image est gigantesque et dans la prévisualisation de ma page également.
    Si, en revanche, je place le curseur à 99%, aucun problème.

    Auriez-vous une solution ou un début de piste?

    Merci d’avance

  2. Lycia

    Je suppose que c’est un bug, tout simplement. ou une histoire de media queries en fonction de votre résolution d’écran ? Avez-vous essayé depuis un autre navigateur pour voir si ça fait pareil ?

  3. Romain

    Merci pour votre rapidité.
    J’ai testé un autre ordinateur avec un autre navigateur. Même problème! Vous avez certainement raison pour le bug. Je vais essayer de réinstaller WordPress et aller jeter un coup d’œil aux media queries.

  4. Didier

    Bonjour et merci pour ce tuto sur la taille des images.
    Je rencontre néanmoins un problème lors de l’utilisation d’images dans un portefeuille Divi.
    Une fois les projets défini dans mon portefeuille, lorsque je clique sur un des projets, l’image définie dans le projet s’affiche correctement si mon projet utilise la mise en forme par défaut, mais ne s’affiche pas si j’utilise le générateur Divi dans le projet.
    Pensez-vous que cela provienne de la taille de l’image?


  5. Lycia

    Bonsoir Didier, je ne sais pas trop… avez-vous un exemple à proposer (une page bonne et une qui bug) ?

  6. Jean-Michel Metzger

    Excellent tuto merci et bon conseil pour « Simple Image Sizes » mais il me reste un doute : Lorsque vous dites de « redimensionner les images avant le telechargement » dans WP, voulez-vous dire qu’il faudrait importer par ftp toutes les dimensions necessaires ?

  7. Gabriel Gobie

    Merci pour cet excellent article, et en français en plus ! Tout les autres tutos du web ne traitent que la partie CSS de la taille des galeries mais aucun ne mentionne le process de régénération des miniatures qui est indispensable.

  8. Lycia

    Merci Gabriel

  9. Lycia

    Bonjour Jean Michel, quand je parle de redimensionner, je parle de retailler (réduire) les images pour qu’elles ne fassent plus que 1000px de large par exemple au lieu de 5400px par exemple. Après vous les televersez sur votre site depuis Media > bibliothèque > ajouter. Je ne parlais donc pas de FTP. Est-ce que j’ai répondu à votre question ?

  10. Jean-Michel Metzger

    Merci pour votre réponse claire. J’hésitais entre les réglages « Simple Image Sizes » et la reduction des image avant televersement.

  11. lulu

    merci pour cet article , j’ai suivi vos conseils et j’ai téléchargé l’extension mais je me retrouve toujours dans une impasse….
    je souhaite mettre des images en avant pour mes articles. Mais mes images apparaissent trop grandes, j’ai fait les modifications que vous avez suggérées ( modifiez la vignette et-pb-post-main-image ainsi que et-pb-post-main-image-fullwidth avec des dimension comme 400*400px)
    mais toujours pareil ma photo est identique….
    si vous avez une solution… ce serait top !! merci 🙂

  12. Murielle


    J’ai suivi votre tutoriel que je trouve très bien fait. Toutefois, cela ne semble pas fonctionner pour les vignettes du portfolio pleine largeur… J’aimerais les avoir carrées mais j’avoue qu’aucune solution trouvée sur internet ne semble marcher.

    Est-ce que votre tutoriel permet aussi de personnaliser les vignettes du portfolio pleine-largeur ?

    Merci à vous pour votre aide

  13. Lycia Diaz

    Bonjour Murielle,
    Si j’avais un conseil à vous donner, ce serait d’installer un WordPress en local avec Mamp / Xampp / FlyWheel. Ainsi vous pourriez tester cela sur un site de test. Quand on fait des modifications de ce genre, c’est pas bon de le faire sur un site en production. Toutefois, cela doit être réalisable, je pense… Avez-vous essayé en local ?

  14. Lycia Diaz

    Bonsoir Lulu.
    C’est difficile de comprendre à distance… Avez-vous un lien, une page qui présenterait ce souci ? Afin que je puisse avoir une idée ?

  15. William - Web Solution

    Super article merci, je suis passé à divi depuis début 2019 et c’est un vrai régale !
    Le before after est vraiment un effet sympa, on ne peut s’empêcher de toucher au curseur, même si il est payant, je pense que c’est un bon investissement si on est pas calé en code ^^
    Bonne journée !

  16. Valentin

    Merci pour ce post très intéressant.
    J’aurai bien aimé avoir votre avis sur les images de portfolio qui peuvent être agrandies en cliquant dessus. Comment gérer les deux formats pour éviter le redimensionnement par le site.
    En vous remerciant.

  17. Gilles


    Merci pour votre article très utile.
    J’ai une question concernant la gestion du module Image intense de Divi
    J’aimerais modifier le Hn de mon texte Overlay Title Part 2
    voici comment se présente le html


    J’aimerais modifier le h2 en h4 par exemple

    Merci pour votre aide

  18. Lycia Diaz

    Bonjour Gilles. Pour modifier cela, vous devrez certainement le coder dans un thème enfant. De plus, il faudrait voir si cela n’impactera pas en mal votre SEO. À vérifier…

  19. Lycia Diaz

    Merci Valentin, je ne saurais pas répondre à ta question. Il faudrait tester mais ça me paraît un peu complexe. Désolée de ne pas pouvoir plus t’aider.

  20. WTF

    followed this tutorial and now my website doesnt load.. thanks for fucking it up!

  21. Lycia Diaz

    Hello « WTF » !!!
    I’m sorry for you but, if you read this post until the end, you will see that I have wrote an important message : « If you want to get into this kind of changes, I strongly advise you to duplicate your site locally to do your experiments to avoid problems (which I can not help you solve simply by leaving a comment on this article) »
    We never do experiments on a website in production ! Everyone knows it !

  22. Domiinque

    Très intéressant tout ça. Je voudrais savoir s’il vous savez s’il y a une solution pour avoir un type d’image à la une en fonction de la catégorie de l’article ?
    Je m’explique, J’ai un site avec des posts classiques et d’autre concernant des couvertures de livres.
    J’aimerais en mode grille avoir une image à la taille des couvertures (verticales) mais je sèche….
    Une idée ? ce serait formidable

  23. Lycia Diaz

    Bonjour Dominique,
    Je vois ce que vous voulez dire. Je suppose que cela est possible avec du PHP et une fonction IF du genre, si on est sur cette catégorie, les images de mise en avant doivent avoir telle taille, sinon elles ont telle taille… Mais c’est peut-être un peu trop compliqué pour moi ;-). Un développeur pourrait faire ça facilement… S’il y en a un qui passe par ici…

  24. Romain Olivier

    Merci pour l’astuce ! très utile.

  25. Lycia Diaz

    Merci Romain !

  26. Bertrand

    Article très utile mais je n’arrive pas à transformer sur la page produit le format des vignettes qui est carrée (dans la galerie produit) alors que j’ai besoin qu’elles apparaissent en format portrait : pouvez vous me dire si c’est possible et sur quelle classe d’images agir. Merci

  27. Lycia Diaz

    Salut Bertrand, il faut que je regarde ça. Je reviendrai ici pour la réponse.

  28. LC

    Super tuto, mais j’ai un souci similaire à Bertrand, je ne parviens pas à modifier le format des images au format grille en blog mais spécifiquement pour la page Boutique (sous Divi / Theme builder). Y a-t-il une solution?

  29. Lycia Diaz

    Salut LC,
    Il faudrait que je trouve le temps de tester ça. Car je ne suis pas sûre d’avoir rencontré ce souci. Par exemple, si tu regardes les captures d’écran de ce tuto, tu verras que les images sont au bon format (portrait) et je n’ai pas eu à modifier cela…
    Tu as toujours le souci ?

  30. Vulcain

    Bonjour, merci pour votre tuto.

    J’ai suivi ce que vous indiquiez, j’ai pour ma part mis une taille d’image de 200×200 pour le et-pb-post-main-image-fullwidth, afin d’avoir une image carré et surtout plus petite pour un article en pleine page. J’ai essayé avec une image de 200×200 mais malheureusement, rien n’y fait, les changements ne sont pas pris en compte 🙁
    Auriez-vous une idée ? Merci infiniment

  31. Lycia Diaz

    Bonsoir Vulcain : as-tu regénérer les thumbnails ?

  32. Vulcain


    je ne l’avais pas fait, mais en utilisant de nouvelles images normalement ça ne pose pas de problème. Je viens de le faire et non malheureusement ça ne change rien 🙁
    J’aimerais juste que les images pour le module BLOG en plein écran soient plus petites (j’ai essayé 400×400).

  33. Lycia Diaz

    En fait la « boîte » qui contient l’image fait appel à une version de ton image par exemple 200×200. Or, la boîte fait 1000px par exemple et élargi ton image en la pixelisant afin qu’elle fasse 1000px de large. Donc dans ton cas, c’est la boîte qu’il faut réduire et non l’image… tu comprends ? Je suppose qu’il faut modifier le fichier qui contient cette « boîte » et le placer dans un thème enfant…

  34. Vulcain

    Merci pour la réponse, oui je comprends mieux maintenant, malheureusement je ne sais pas faire ça tant pis ! Merci

  35. Rez

    OMG thank you for posting the link to the Simple Image Sizes plugin. Tried a bunch of other crap that never worked quite right, but your tutorial and that plugin did the trick.

  36. Lycia Diaz

    You’re welcome Rez ! It’s a pleasure 😉
    Glad to help you…
    Thanks for your comment !

  37. Eddy

    Bonjour, Je découvre divi qui est une révolution ! merci pour votre travail, moi je rencontre un soucis qui n’est pas évoqué dans l’article,
    la déformation des photos, j’ai mis une image 1280X720 ou même en 1080, nickel sur PC en pleine ecran mais quand je réduis la fenêtre ou pire quand je visionne sur mobile
    l’image est redimensionné en 1:1 et elle se déforme !
    Ai je raté quelque chose ?

  38. Lycia Diaz

    Bonsoir Eddy.
    Je n’ai jamais noté ce type de bug, c’est bizarre. As-tu contacté le support d’ElegantThèmes ? Ils peuvent peut-être t’aider ? Car là, comme ça, je ne vois pas ce qu’il pourrait clocher…

  39. Yarko

    Thank you 🙂

  40. Mathilde

    Malgré toutes les explications très claires, les images « à la une » sur mon blog continuent d’être floues, et ça me chagrine fortement…
    Voici ce que j’ai essayé de faire : ma photo est bien au ratio 16:10, avec en dimensions 1000 × 625 pixels. Je la téléverse dans WP, et là j’ai Imagify qui essaye de la compresser, mais je restaure l’original, et également WP Optimize qui essaye d’agir, mais je pense avoir réussi à l’empêcher de la compresser. Ma photo fait 738 KB.
    Enfin, dans Simple Media Sizes, j’ai cela :
    Taille et-pb-post-main-image 800×500 rognage : oui
    Taille et-pb-post-main-image-fullwidth 800×500 rognage : oui
    Taille et-pb-post-main-image-fullwidth-large 400×250 rognage : oui
    Du coup je suis vraiment perdue sur l’origine du problème…

  41. Lycia Diaz

    Salut Mathilde,
    Je pense que tu dois modifier la taille de l’image qui affiche l’image à la une. Tu dois mentionner la vraie taille au niveau de la bonne image. Et tu dois régénérer les miniatures. Si tu importes une image de 1000px de large mais qu’elle est affichée à 800px de large, elle sera alors pixelisee.
    J’espère que ces précisions t’auront aidées.

  42. Carole

    Auriez-vous un autre plugin a nous conseiller car « Cette extension n’a pas été testée avec plus de trois mises à jour majeures de WordPress. Elle peut ne plus être maintenue ou supportée et peut avoir des problèmes de compatibilité lorsqu’elle est utilisée avec des versions de WordPress plus récentes. » ?
    Merci beaucoup et bonne soirée,

  43. Lycia Diaz

    Ah mince…
    Non, j’ai rien d’autre sous la main…
    En tout cas elle fonctionne puisque je l’utilise…

  44. Emma

    Muchas gracias por tu aportación!
    Para cambiar la proporción y tamaño de las miniaturas se puede añadir en el archivo functions.php del chiltheme este código:

    // Begin custom image size for Gallery Module
    add_filter( ‘et_pb_gallery_image_height’, ‘image_size_h’ );
    add_filter( ‘et_pb_gallery_image_width’, ‘image_size_w’ );

    function image_size_h($height) {return ‘400’;}
    function image_size_w($width) { return ‘400’;}

    add_image_size( ‘custom-image-size’, 400, 400 );
    // End custom image size for Gallery Module

    Salut à tous

  45. Lycia Diaz

    Muchas gracias Emma por tu ayuda 😉

  46. Antoine

    Merci pour cet article très instructif.
    Je ne sais pas si les choses ont changé depuis 2 ans mais je ne vois pas comment customiser les formats d’image Divi dans Réglages > Médias. Je ne vois que les 3 formats WordPress…

  47. Lycia Diaz

    Salut Antoine, comme expliqué dans le tutoriel tu as besoin d’un plugin.

  48. Frank J.

    Thanks for this!


    Hola, gracias por el articulo aunque el complemento que indicas no se actualiza desde hace mucho y no es compatible con nuevas versiones.

  50. Christelle


    Avez-vous un autre plugins plus récent ? Car lorsque on va sur le lien, voici ce qui est indiqué :

    Cette extension n’a pas été testée avec plus de trois mises à jour majeures de WordPress. Elle peut ne plus être maintenue ou supportée et peut avoir des problèmes de compatibilité lorsqu’elle est utilisée avec des versions de WordPress plus récentes.

    Donc j’aimerais bien utiliser autre chose.

    Merci par avance et merci aussi pour vos supers tutos !



  51. Lycia Diaz

    Salut Christelle, le plugin fonctionne toujours mais c’est vrai que ça inquiète un peu… Pour l’instant je n’ai pas trouvé d’équivalent.

  52. Lycia Diaz

    Gracias Cecilia, de hecho, el complemento ya no está actualizado. Todavía funciona con normalidad (lo creo). Hasta ahora no he encontrado otras soluciones.

  53. Lucie


    J’ai beau suivre tous les conseils, je me retrouve avec une qualité désastreuse une fois importée sur Divi.
    La première image est un peu pixelisée, et la seconde est une véritable horreur.
    Je n’arrive pas à régler ce problème…
    (Je précise que je suis sortie de formation il y a 3 mois et qu’il s’agit de mon premier vrai site internet ^^)

  54. Lycia Diaz

    Salut Lucie, quelle taille d’images importes-tu sur Divi (largeur minimale) ?

  55. Guillaume


    J’ai eu beau essayer, je n’ai pas réussi à recadrer comme il faut les images. Dans le cadre du module BLOG, les photos s’affichent toujours super grand (et qui s’adapte) et non à une taille raisonnable.

    Typiquement :
    J’écris des articles qui présentent des produits. J’utilise, pour le coup, une image plutôt en belle résolution dans l’article.

    Sur une page, j’aimerais afficher dans une colonne d’une rangée les 3 derniers articles (listés les uns par dessus les autres) mettant en vedette ces produits. Je me dis qu’en utilisant le blog en mode grille ça pourrait fonctionner. Mais non. Ca met de magnifiques images, très très larges. Alors que je voudrais une toute petite vignette. Idem pour le mode Plein Ecran.

    Sans compter un cropping aléatoire (des fois oui, des fois non, mais ne tient pas compte du réglage du plugin)…

    Des idées ?

  56. Faustine


    J’ai suivi l’article et utilisée l’extension pendant un moment. Aujourd’hui en créant mon premier article de blog sur WordPress impossible d’afficher les images dans l’article. J’ai désactivé puis supprimé l’extension (qui en effet n’a pas été mise à jour depuis très longtemps). Et malgré la suppression du plugin mes images sont toujours buguées 😭

    Une idée de comment « réinitialiser » la génération des tailles d’images ? Pour supprimer tout effet du plugin en question.

    Merci d’avance

  57. Lycia Diaz

    Faustine, le plugin est plus maintenu, en effet, mais il fait le job. Du coup il faudrait voir si le problème ne viendrait pas d’ailleurs ? Sinon, le plugin Regenerate Thumbnail permet de recréer les miniatures

  58. Publiko

    Voici ma solution pure CSS pour modifier le module Blog Grid de Divi sans faire de PHP :

    .et_pb_blog_grid .et_pb_image_container {
    aspect-ratio: 16 / 9; /* Remplacez par le ratio de votre choix */
    position: relative;

    .et_pb_blog_grid .et_pb_post .entry-featured-image-url {
    margin-bottom: 0!important;
    position: unset!important;

    .et_pb_blog_grid img{
    object-fit: cover;
    width: 100%!important;
    height: 100%!important;
    position: absolute;

  59. Lycia Diaz

    Super 👍 merci pour le partage

  60. Olivier

    Une fois encore un article complet et très instructif sur Astucesdivi.
    Lu lors de sa mise à jour en octobre 2020, je l’avais enregistré en marque-page me disant que ça me servirait peut-être un jour.
    1 an et demi après, c’est chose faite, merci Lycia !

    Mon intention était d’afficher les miniatures produits de WooCommerce sans recadrage.
    J’ai donc modifié grâce à l’extension les formats WooComerce thumbnail, gallery thumbnail etc. (4 en tout)
    Bien que ça n’ait pas fonctionné, j’ai trouvé la solution.

    Il suffit d’aller dans Apparence/personnaliser, là dans l’ongle WooCommerce, Divi propose un ratio par défaut de 1/1 pour les miniatures (images recadrées). On peut choisir un ratio personnalisé, ou choisir de ne pas recadrer.
    Avec cette dernière option, le ratio d’origine est conservé.


  61. Lycia Diaz

    Merci du retour Olivier

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.