Albums photos d’un blog hébergées sur Picasa

Voici une solution simple pour héberger les photos d’un blog sans vous casser la tête avec des problèmes de choix de plugin, d’installation ou de mémoire disponible (Couldn’t allocate ….memory en PHP) : Picasa Albums Web.

J’avais tendance à plébisciter les composants PHP de gestion de galerie, mais ils sont tous consommateurs de mémoire. Ce qui peut être problématique dans le cas d’un hébergement web mutualisé (type 1&1 ou OVH). L’autre inconvénient est qu’en cas de migration logicielle (de Joomla! vers WordPress ou autre), la reprise des photos n’est pas à la portée des amateurs. Voyons les avantages de Picasa et comment le mettre en œuvre sur votre blog.

Si vous n’avez pas besoin des fonctions avancées offertes par les composants de galerie (watermark, classification, vote…), mais juste de présenter à vos visiteurs vos images sous la forme d’un slideshow ou d’un dérouleur, Picasa Web est fait pour vous.

Rapide présentation de Picasa

Picasa contient deux composants :

Bien entendu, il existe différentes options de partage d’un album photo :
  • Ouvert au public : c’est ce niveau qu’il faut choisir si vous souhaitez créer un diaporama pour votre site Internet.
  • Réservé aux utilisateurs disposant du lien : seuls ceux qui connaissent l’URL du lien pourront accéder à l’album.
  • Protégé par mot de passe.
  • Vous uniquement.

Envoyer des photos sur Picasa Web

Depuis le site web de Picasa

Tout peut se faire en ligne — y compris le téléversement des photos — depuis l’URL https://picasaweb.google.com/home.

Synchroniser des photos depuis l’application

Une fois installé, le logiciel de gestion des photos scanne votre ordinateur à la recherche des images. Si vous avez un compte Google, vous pouvez téléverser les images sur le site Picasa Web Album en retrouvant votre dossier et en cliquant sur « Activer la synchronisation ».
Création d'un album web depuis le client Picasa

Création d’un album web depuis le client Picasa

On peut alors accéder au contenu depuis le site web album de Picasa (https://picasaweb.google.com/home). Dans l’application, le lien « Afficher en ligne » permet également d’ouvrir l’album photo dans votre navigateur :
Accéder à l'album web depuis Picasa

Accéder à l’album web depuis Picasa

Un exemple de diaporama

J’ai créé un petit diaporama avec des photos prises avec mon APN Sony DSC-TX10 au Parc de la Tête d’Or le jour où je l’ai acheté. Voyons maintenant les différentes possibilités d’intégration dans un site web. Toutes ces manipulations s’effectuent depuis l’interface picasa web album.

Lien vers le diaporama

L’intégration la plus simple est l’insertion d’un lien vers le diaporama. Pour le réaliser, choisir « Lien vers cet album » dans la barre d’outils à droite (dans l’interface picasa web album). Puis copier/coller le contenu de la première case, par exemple : https://picasaweb.google.com/105473350606026793306/LaRocheEcrite?authuser=0&feat=directlink.

picasa_partage_site_web_html

Lien graphique vers le diaporama

On peut aussi faire un lien graphique comme dans l’exemple ci-dessous.

Parc de la tête d’or

Pour le réaliser, choisir « Lien vers cet album » dans la barre d’outils à droite (dans l’interface picasa web album). Puis copier/coller le contenu de la deuxième case (via l’onglet HTML de l’éditeur, bien entendu). Attention, le clic sur l’image ouvre le diaporama dans le même onglet/fenêtre du navigateur. Ce qui n’est pas très cool puisque le but est de garder vos visiteurs sur le site le plus longtemps possible, mais je vous explique par la suite comment améliorer le lien créé par Google.

picasa_partage_site_web_html

Liens de partage sur le web depuis Picasa

Améliorer le code fourni par Google

On peut améliorer le code d’insertion proposé par Google de manière à ce que lien vers le diaporama s’ouvre dans un nouvel onglet du navigateur. Il suffit pour cela d’ajouter l’attribut target=_blank dans la balise du lien (A en HTML), comme dans cet exemple de code (en rouge, ce qu’il faut rajouter) :
<table style="width: 194px;">
<tbody>
<tr>
<td style="height: 194px; background: url('https://picasaweb.google.com/s/c/transparent_album_background.gif') no-repeat left;" align="center"><a href="https://picasaweb.google.com/105473350606026793306/ParcDeLaTeteDOr?authuser=0&amp;feat=embedwebsite" target=_blank><img style="margin: 1px 0 0 4px;" src="https://lh6.googleusercontent.com/-XOKMFp7ueN8/T5KfTk6S6pE/AAAAAAAABSo/Xg1SiA-bCHA/s160-c/ParcDeLaTeteDOr.jpg" alt="" width="160" height="160" /></a></td>
</tr>
<tr>
<td style="text-align: center; font-family: arial,sans-serif; font-size: 11px;"><a style="color: #4d4d4d; font-weight: bold; text-decoration: none;" href="https://picasaweb.google.com/105473350606026793306/ParcDeLaTeteDOr?authuser=0&amp;feat=embedwebsite" target=_blank>Parc de la tête d'or</a></td>
</tr>
</tbody>
</table>

Diaporama Flash

Picasa Web propose également la possibilité d’insérer un diaporama en flash dans votre site Web, comme dans cet exemple :

Choisir le lien « Lien vers cet album », puis « Insérer un diaporama dans une page Web » :

picasa_partage_site_web_html

Une fenêtre pop-up vous permet de choisir les options du diaporama, en fonction de vos préférences :

picasa diaporama site web html

Créer un diaporama depuis le site web de Picasa

Copiez-collez le contenu du cadre jaune dans votre article (via l’onglet HTML de l’éditeur, bien entendu).

Conclusion

Comme expliqué rapidement en introduction, si vous n’avez pas de problème de copyright avec vos photographies, Picasa Web est une bonne solution :

  • Il peut être utilisé indépendamment du moteur de blog/CMS qui anime votre site Internet. Donc pas de problème en cas de migration.
  • La consommation mémoire liée à la gestion de la galerie est chez Google et pas chez votre hébergeur.
  • La vitesse de chargement de la page — du point de vue de Google — est plus rapide, puisqu’il s’agit d’un composant externe.

Maintenant, il est vrai que Picasa Web Album n’est pas le composant ultime de gestion de galerie que l’on peut trouver sur Joomla! ou WordPress (les fonctionnalités sont limitées à ce que j’ai présenté dans cet article), mais il conviendra aux personnes qui ont le même besoin basique que le mien : afficher un petit diaporama sans consommer les ressources de mon hébergeur.

Laisser un commentaire

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