Album photo en ligne : créer une galerie photos gratuite sur internet

Vous souhaitez partager vos photos de mariage avec votre famille ? diffuser les photos de votre appartement à vos acheteurs potentiels ?  mettre en ligne des photos de vos tableaux, créations artistiques pour les vendre au bout du monde ?

galerie photo en ligne

Pourquoi ne pas créer une galerie photo en ligne ! C’est gratuit … et avec mon tuto, vous pourrez faire quelque chose de pro et propre en moins de 10 minutes !

  1. Aperçu de la galerie photo que vous allez créer
  2. Optimiser ses photos pour une diffusion sur le Web
  3. Créer une galerie photo avec Highslide Editor
  4. Publier son album photo sur les pages perso de Voila

Aperçu de la galerie photo

Je vous propose de créer une galerie photo à l’aide du script Highslide JS (équivalent de Lightbox JS pour ceux qui connaissent), voici ses avantages  :

  • Rendu pro et élégant
  • Générateur de galerie en ligne (gros avantage par rapport à Lightbox JS)
  • Vos contacts n’ont pas besoin d’installer de plugin flash ou java
  • On peut zoomer sur une photo qui s’ouvre alors dans la page (pas de popup désagréable)
  • Code léger  : 10 Kb
  • Navigation multilingue (français pris en charge)

Je vous invite à naviguer dans ma galerie photo perso en ligne et à zoomer sur chacune des petites photos pour lancer le diaporama.

galerie photo sur internet

Optimiser ses photos pour une diffusion sur le Web

Quoi de plus désagréable que d’avoir à attendre 10 secondes qu’une photo se charge complètement dans son navigateur… Ceux qui reçoivent des photos de 5 mégas dans leur boîte mail doivent comprendre de quoi je parle !

Un bon conseil avant de songer à créer une galerie photo en ligne, pensez à optimiser les dimensions et le poids et  de vos images. Dans l’idéal,  vos photos doivent faire moins de 800 pixels en largeur et moins de 500 ko en poids.

Voici 2 tutos utiles si vous n’êtes pas à l’aise avec ce genre de manips :

Créer une galerie photo avec Highslide Editor

Passons maintenant aux choses sérieuses ! Je vous propose de créer un album photo en ligne de mes relooking perso ! ceux que je vous présente régulièrement sur mon blog… J’ai 37 photos à mettre en ligne :

photos relooking de jeanviet

RDV sur le générateur de Highslide JS ici : http://highslide.com/editor/  puis cliquez sur le bouton vert de le fenêtre superposée "get started". Dans l’onglet général mettez le langage de la galerie à French (français) et choisissez votre exemple de Galerie (un aperçu apparaît sur la droite).

higslide editor 1

Perso, j’aime bien Gallery : Horizontal thumbstrip, white style

higslide editor 2

Pour ajouter vos photos, cliquez maintenant sur l’onglet Gallery (1)

higslide editor 3

… puis sur le bouton Image Manager (2) et sur le bouton  Select Files to upload (3) pour charger vos images.

higslide editor 4

Une fois toutes vos images chargées, cliquez sur Upload now!

higslide editor 5

Vous pourrez ensuite changer l’ordre de vos photos en les glissant-déposant et ajouter des sous-titres en positionnant votre curseur de souris sur la photo et en saisissant les mots qui vont bien. Quand tout est OK, cliquez sur apply et OK en bas… Vous aurez alors un aperçu de votre galerie photo.

higslide editor 6

Maintenant, nous allons pouvoir récupérer cette galerie sous la forme d’un zip qui contient les images, miniatures, le code javascript qui permet de lancer les photos en zoom et de naviguer dedans, et la page html qui fait le lien avec tous ces éléments…. Pour cela appuyez sur le bouton Publish situé en haut à droite de l’aperçu.

higslide editor 7

Une pop-up va s’ouvrir, scroller vers le bas dedans et cliquez sur le bouton en bas à gauche "Yes" … ne vous faites pas berner pas les autres boutons verts (buy, donate, download) !

higslide editor 8

Cliquez ensuite sur Download a zip archive

higslide editor 9

Puis enregistrer le zip (highslide-custom.zip) quelque part sur votre PC.

higslide editor 10

Pour avoir un aperçu en local avant de le télécharger sur un site web, dézipper l’archive et ouvrez le fichier highslide-custom-example.htm avec votre navigateur.

higslide editor 11

Publier son album photo sur les pages perso de Voila

Pour que le maximum d’internautes puissent avoir accès à votre galerie photo, nous allons l’héberger sur une page perso voila : c’est gratuit, vous avez 100 mégas de stockage, pas de pub, et une url courte sympa (du type nomdusite.voila.net) sur laquelle vous pouvez communiquer.

Accueil Pages perso Voila

Une fois que vous aurez un compte voila et que vous aurez créé votre première page perso confirmée, vous n’aurez plus qu’à envoyer le zip à la racine de votre site ou dans un dossier dédié (ex: photo),et  à extraire l’archive depuis le webftp voila.

Perdu pour cette dernière manip ? Suivez ce Tuto Vidéo : Créer une page perso Voila

La galerie finale avec les exemples du tuto  : http://jbviet.voila.net/photo/


advertising


7 commentaires à propos de “Album photo en ligne : créer une galerie photos gratuite sur internet

  1. Bonjour, je cherche une solution pour créer une page perso avec des photos pour les partager avec des amis sans diminuer la qualité de la photo et afin que quiconque puisse les télécharger en haute qualité.

    Merci pour ta réponse

Laisser un commentaire

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

*

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>