Dimensions des images

Dimensions des images

Pour un site attractif, respecter les dimensions des images des modèles de sites Rosace et Parvis.

Les images sont à redimensionner avant d’être téléchargées sur le site pour se charger rapidement.

Dimensions des images du modèle Rosace

Type d’image

Dimensions

Pages, articles, prédications, évènements, personnes, etc.

Bannière en haut de page JPEG 960× 250 pixels
Post : Articles, Évènements, Personnes, Prédications JPEG 400 × 400 pixels
            Photo ajoutée dans une Page JPEG    ou GIF pour un dessin < 700 pixels, la largeur de la Page
Galeries-photos JPEG 1024 pixels de haut ou de large max

Page d’accueil

Diaporama-photos JPEG 

Widget CT Diaporama 

960× 480 pixels
Page à la Une sur accueil
Widget CT A la Une) ou en colonne de droite JPEG
 600 × 410 pixels

Sur tout le site

Logo de site en PNG ou JPEG 450 x 100 pixels ou plus large
Logo HiDPI pour les écrans à très haute résolution “Retina” PNG 2 fois la taille du logo ci-dessus
Favicon PNG 512 x 512 pixels
Image d’arrière-plan

Mettre une couleur de fond proche de celle de l’image, qui s’affiche le temps que l’image soit chargée.

Plus grandes dimensions possibles
Exemple 2400 x 1800 pixels avec poids de fichier < 300 Ko

Dimensions des images du modèle Parvis

Type d’image

Dimensions

Pages, articles, prédications, évènements, personnes, etc.

Bannière en haut de page JPEG 1700 × 350 pixels
Post : Articles, Évènements, Personnes, Prédications JPEG 450 × 450 pixels
Photo ajoutée dans une page JPEG                ou GIF pour un dessin < 750 pixels, la largeur de la Page
Galeries-photos JPEG 1024 pixels de haut ou de large max

Page d’accueil

Diaporama-photos JPEG 

Widget CT Diaporama 

1700 × 500 pixels
Page à la Une sur accueil
Widget CT A la Une ou en colonne de droite JPEG
 750 × 500 pixels

Sur tout le site

Logo de site en PNG ou JPEG 450 x 100 pixels ou plus large
Logo HiDPI pour les écrans à très haute résolution “Retina” 2 fois la taille du logo mis en ligne ci-dessus
Favicon PNG 512 x 512 pixels
Bonnenouvelle.fr crée des sites pour les communautés chrétiennes (paroisses, diocèses, communautés, associations, écoles...) et les accompagne sur le web par la formation et une assistance continue.

Style Switcher

Layout options
Header options
Accent Color Examples
Background Examples (boxed-only)
View all options →