Utiliser un logo cliquable SVG sur un site avec fallback

Stéphanie Walter

Senior UX Designer - Mobile Expert

Senior UX Designer. Mobile Expert. Public speaker. Blog writer. Google Dev Expert Product Design (GDE)

Follow on Twitter

Ce contenu a été rédigé il y a 7 années. Il se peut qu'il ne soit plus à jour.

De plus en plus d’appareils offrent des capacités d’écran retina, forçant les développeurs et designers à trouver des techniques pour rendre les images plus flexibles en terme de taille et de qualité. Un des formats prometteurs est le SVG.

Dans cet article écrit pour Noupe, j’ai testé 6 façons différentes d’inclure un logo SVG cliquable dans l’entête de mon site web, avec un fallback pour les navigateur qui ne le supportent pas. Certains fallback fonctionnent sans le JavaScript, d’autres pas. Il ne s’agit pas de « la » technique ultime, mais de quelques expériences pour voir ce qui est faisable à ce jour dans le domaine. A vous de voir quelle technique vous convient le mieux.

L’article :

Ways to embed a Clickable SVG-Logo into Your Website

Vous souhaitez des conseils en ergonomie ou en expérience utilisateur ? Un design de site, d’interface ou d’application mobile ? Envie de travailler ensemble ou de m’inviter à donner une conférence ? Consultez mes réalisations ou contactez moi directement.

6 réflexions au sujet de « Utiliser un logo cliquable SVG sur un site avec fallback »

  1. Un très bon article, bien complet et intéressant.

    Envisagez vous une version française, qui pourrait servir à beaucoup ?

    • Il faudrait que je demande pour cela l’autorisation à Noupe pour une adaptation en français et que je trouve le temps, donc pour le moment ce n’est pas au programme, désolé. Peut-être un article différent sur le même thème en français un jour.

  2. Ping : Des pixels et du code #27 - Stéphanie Walter : Webdesign - intégration web

  3. Bonjour Stéphanie,

    ton article a l’air fantastique, mais inaccessible pour moi car mon niveau d’anglais est trop faible. Je confirme si besoin, la traduction en français serait vraiment géniale !

    Bonne continuation et merci pour toutes les astuces que tu partages ici.
    Olivier