creer-son-site-internet-sur-orson

Mettre des images dans mon site web


Support création de site web >  Animer mon site > Mettre des images dans mon site web

Tuto comment intégrer et sublimer mes images ?

Temps estimé : 5 minutes

Informations nécessaires : à l'idéal avoir des images à disposition

1) Cliquer sur un module image ou insérer ce module dans une page

NB : si vous voulez insérer plusieurs images, vous pouvez opter pour : 

  • un module carousel (faire défiler des images) 
  • un module portfolio (disposer plusieurs images et les faire apparaître en pleine page lorsqu'on clique dessus).

Dans notre exemple, nous partons sur un module image mais le principe reste le même !

  • Cliquez sur l'image à modifier
  • Cliquez à droite sur "Remplacer" .
trouver des images pour mon site web

2) Sélectionner l'image dont vous avez besoin

  • Sélectionnez l'image soit:
  • sur votre ordinateur "Nouvelle image",
  • sur la galerie des images déjà téléchargées dans Orson.io "Mes images",
  • sur la galerie des images gratuites mise à votre disposition "Images libres de droit".
Images libres de droit CC

Légende : La galerie des images libres de droit est mise à jour chaque semaine avec de nouvelles images.

3) Intégrer votre image dans le site

Vous avez sélectionné une image que vous allez pouvoir optimiser.  

Cliquez sur éditeur d'image dans le menu de droite.

Un premier écran apparait pour travailler le format de l'image. 

  • Sélectionnez celui qui vous convient:
  • Libre : Vous choisissez vous même le format,
  • 16/9,
  • 4/3,
  • Carré,
  • Fixe : Vous définissez le nombre de pixel de haut et de large.
  • Ajustez sur l'image le cadre pour bien centrer l'image.
  • Cliquez sur "Appliquer".

Important : Pour améliorer l'efficacité de votre site internet, vos images sont automatiquement compressées ce qui réduit leur poids jusqu'à 80%. Ceci permet à vos pages web de s'afficher plus rapidement, en particulier sur Smartphone ce, sans aucune perte de qualité.  La vitesse de chargement d'une page est devenue un critère essentiel pour le référencement de votre site ( SEO) et la qualité de votre responsive design.

Dans un deuxième écran, vous pouvez ensuite appliquer différents effets sur l'image. A vous de jouer.

  • Cliquez sur "Enregistrer"
Optimisez vos images sur le site internet de votre entreprise

Puis nommez votre image en utilisant une expression précise, et non une suite de mots clés sans queue ni tête.

4) Finaliser votre action sur l'image

Vous pouvez encore modifier l'image en cliquant dessus :

  • Zoomez sur l'image à l'aide du curseur
  • Choisissez sa taille
  • Modifiez si besoin son titre en choisissant les mots clés 
  • Cliquez sur "OK", l'image est dans le site.
Création de site web responsive design
Contacter Orson.io via le livechat et par téléphone

Contactez nous sur le live chat ou par téléphone pour plus d'explications,

nos équipes feront le maximum pour se rendre disponibles

Articles liés : plus de conseils pour créer un site internet efficace

Design de mon site internet

Comment modifier le design de mon site internet sur le logiciel Orson.io? Découvrez les étapes pas à pas en tutoriel pour créer un site internet beau et design.

Images de fond de bloc

Comment modifier les images de fond sur votre site internet ? Ajouter des images de fond et des filtres pour créer un site web beau et design.

Utiliser les grilles

Comment créer une structure de page sur mesure, avec plusieurs colonnes ? C'est possible grâce aux grilles qui se redimensionnement comme vous le souhaitez sur votre page.