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 ?
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 !
- Aperçu de la galerie photo que vous allez créer
- Optimiser ses photos pour une diffusion sur le Web
- Créer une galerie photo avec Highslide Editor
- 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.
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 :
- Redimensionner photos avec Picasa (vidéo de 1’30 qui va à l’essentiel)
- Redimensionner photos avec Xnview (pour les utilisateurs qui ont plus de 100 photos à transformer)
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 :
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).
Perso, j’aime bien Gallery : Horizontal thumbstrip, white style
Pour ajouter vos photos, cliquez maintenant sur l’onglet Gallery (1)
… puis sur le bouton Image Manager (2) et sur le bouton Select Files to upload (3) pour charger vos images.
Une fois toutes vos images chargées, cliquez sur Upload now!
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.
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.
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) !
Cliquez ensuite sur Download a zip archive
Puis enregistrer le zip (highslide-custom.zip) quelque part sur votre PC.
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.
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.
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/
Bonjour, j’aimerai placer des photos de paysages ,de natures,et car je commencent a faire de la photo ..merci d’avance Bien a vous Patrick……..
super tutorial. Merci
Waynebsidibe.comwayneb#sidibe.je veut un logiciel de les vidio
—
Sent on a phone using T9space.com
j apprécié votre effort,MERCI infiniment.
j’ aimarai crée comment vous des photos
galina bichon
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
Bonjour,
comment dois-je proceder si je veux mettre ma gallerie directement sur mon site web.
Merci