Objectif
Le présent article vous fournit différents masques pré-définis pour dimensionner vos images pour Divi avec Photoshop.
Pré-requis
Une base WordPress installée avec un thème-enfant de Divi.
Une sélection d’images et d’illustrations libres de droits.
Le logiciel Photoshop.
Une sélection d’images et d’illustrations libres de droits.
Le logiciel Photoshop.
[el_modal_popup modal_id="Login Modal popup" trigger_type="on_page_load" close_on_background_click="off" show_header="off" show_footer="off" modal_content_type="image" modal_content_image="https://pro-web.support/wp-content/uploads/2015/01/pro-web-proweb-support-formation-site-internet-professionnel-vente-en-ligne-marketing-digital-connexion-800x800-1.jpg" modal_content_image_link="https://pro-web.support/connexion/" modal_body_scrollbar="hide" _builder_version="4.14.4" _module_preset="default" display_conditions="W10=" hover_enabled="0" global_colors_info="{}" sticky_enabled="0" module_class="modal"][/el_modal_popup]
Pourquoi utiliser des masques avec Photoshop ?
L’utilisation de masques pour dimensionner vos images avec Photoshop est destinée à vous faire gagner du temps et à vous permettre d’harmoniser l’aspect visuel de votre site.
Pour la manipulation du logiciel Photoshop, reportez-vous à l’article « Optimisez vos images avec Photoshop ».
Masques pour modules en pleine largeur
1920×1024
1920×800
1920×600
1920×400
(cliquez sur les formes pour télécharger les masques correspondants)
Masques pour ligne à 1 colonne
1080×608
1080×810
Masques pour ligne à 2 colonnes
600×300
600×350
600×400
600×500
600×900
Masques pour ligne à 3 colonnes
350×200
350×250
350×350
350×450
Masques pour ligne à 4 colonnes
250×180
250×250
250×300
250×350
Masques pour autres dimensions
Favicon 16×16
Icône 40×40
Pour aller plus loin…
Voici les préconisations d’Elegant Themes, l’éditeur de Divi, sur son blog (en anglais) :
0 commentaires