• 0k
  • 0
Nouveautés Wix \ 30 Mai 2016

Qu’est-ce qu’un Cinemagraph et comment en faire bon usage ?

Au commencement, les sites web étaient de simples sources d’information, sans saveur graphique ni piment visuel. On compilait les données (ou « datas ») comme on pouvait, où on pouvait. Depuis, la technologie a fait un bond stratosphérique. Du coup, il est devenu extrêmement simple de créer – gratuitement – un site internet à la fois complet quant au contenu, et plaisant pour les mirettes de vos visiteurs.

Puisque vous êtes un lecteur (plus ou moins) assidu de ce blog, vous savez que les innovations dans le domaine du Web design vont bon train. Le dernier phénomène à la mode : les Cinemagraphs (ou cinémagraphes – l’Académie française ne s’étant pas encore penchée sur la définition de la bête). Il s’agit d’images dont l’un seulement des éléments est mobile, comme le papier enveloppant la baguette dans l’exemple ci-dessous. Le résultat est rafraîchissant, souvent poétique et toujours surprenant. La bonne nouvelle, c’est qu’il est maintenant possible de les ajouter à votre site internet. Comment ? Explications.

Cinemagraph image animée site internet

Pourquoi utiliser des Cinemagraphs ?

Ce n’est un secret pour personne : pour sortir du lot, vous devez utiliser les meilleures images sur votre site internet. Parce qu’ils sont moins répandus et plus dynamiques, les visuels animés sont toujours un bon choix. Le succès des vidéos en fond d’écran l’a parfaitement montré. Une tendance sur laquelle surfent avec beaucoup de bonheur les Cinemagraphs. Ces petits cousins des GIF animés ont été inventés en 2011 par deux amis, Kevin Burg (photographe) et Jamie Beck (spécialiste de l’animation), pour donner un peu de relief aux photos de mode.

La définition d’un Cinemagraph ? Il s’agit tout simplement d’une image fixe dont l’un des éléments est animé de façon répétitive. Comme ce cierge magique, qui n’en finit pas de crépiter – à la façon du buisson ardent. Ou ce verre d’eau qui ne cesse de se vider, tout en restant à moitié vide – ou à moitié plein. Le résultat est vivant, frais et donne un cachet délicatement rétro à vos créations (surtout si vous ajoutez un filtre façon Instagram à votre image). En plus, le mouvement étant très subtil, il intrigue le regard sans distraire vos lecteurs ou visiteurs de votre message. Bref, vous l’avez compris : les Cinemagraphs constituent le compromis idéal entre les photographies fixes et les GIF animés – qui ont envahi le Web et les réseaux sociaux, pour le meilleur et pour le rire.

Où trouver ces fameux Cinemagraphs ?

L’Éditeur Wix vous permet d’ajouter très facilement des Cinemagraphs en arrière-plan de votre site. Une section entière leur est dévolue dans notre base multimédia – et ils sont 100 % gratuits, comme le reste. En voici une petite sélection. Comme vous le verrez, le rendu est assez magique.

Cinemagraph image animée site internet

Cinemagraph image animée site internet

Cinemagraph image animée site internet

Cinemagraph image animée site internet

J’en veux ! Comment ajouter un Cinemagraph à mon site ?

Voici comment faire apparaître ces petites animations en fond d’écran, étape par étape :

  1. Dans l’Éditeur Wix, cliquez sur « Arrière-plan » (icône en forme de carré, dans la partie gauche).
  2. Cliquez sur « Vidéo ».
  3. Cliquez sur « Gratuites de Wix ».
  4. Cliquez sur « Cinéma ».
  5. Choisissez le Cinemagraph qui vous plaît et cliquez sur « Modifier Arrière-Plan ».

Et voilà ! Votre site est équipe d’un superbe fond discrètement mobile, qui subjuguera vos visiteurs.

Prêt à conquérir le Web ? Créez dès maintenant votre superbe site internet – c’est gratuit !

Publié par Equipe Wix

Recevez le
par e-mail !

Rejoignez le blog de Wix Ne manquez rien de notre actu !

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email

Rejoignez-nous ! \ 

Découvrez nos conseils en web design, en marketing digital,
et suivez toute l'actu Wix ! Pas de spam. Promis.

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email