Tu vas enfin comprendre la différence entre un .png et un .svg 👀


Salut bichon (oui "bichon", et pourquoi pas à vrai dire ? ^^) ça va par chez toi ? Comme dit ma boulangère, "c'est sympa comme temps pour un mois d'octobre, non ?" Je suis pas là pour te raconter ma vie - enfin peut-être que si, un peu - mais voilà pour mon instant "karma is a bitch" :

La semaine dernière j'ai contracté la mononucléose (ou une angine carabinée 🤷‍♀️) qui m'a empêchée d'aller donner l'atelier à Et demain ? 😭 J'ai dormi 2 jours, bu 2 café et 1 Guronzan et j'ai décidé de rejoindre (masquée) le mariage de mon amie en voiture (Lille → Paris) pour tomber en panne à 11km de l'arrivée (avec ma petite voiture neuve, rappelons-le). Bref, la semaine a été longue longue longue longue, et c'est aussi pour ça que la news arrive aujourd'hui :)

Au passage, si tu les as loupés, tu peux retrouver mes carrousels de la semaine dernière par ici. Je sais que mon audience apprécie ce format - peut-être que toi aussi Reader, alors avec l'aide de Perrine j'espère pouvoir en publier à nouveau au moins 1 par semaine :)

On dit "guif" ou "jif" ?

Tu as déjà reçu un fichier que tu ne pouvais pas ouvrir ? Ou pire, as-tu déjà eu un logo tout pixelisé sur tes magnifiques visuels sans comprendre pourquoi ?

Ça, c’est une histoire de formats de fichier. Et ces problèmes là, c'est fini dès demain, puisque tu auras tout compris après avoir lu ce cours express.

Un "format" de fichier c’est quoi ? C’est la manière dont les données sont codées pour présenter le document de manière intelligible. Pour le reconnaitre, il te suffie de regarder ces petits bouts de texte qui suivent le point dans le nom de tes fichiers, comme ".jpg", ".png", ou ".svg".

Pourquoi s'en préoccuper ? Eh bien, parce que choisir le bon format peut faire toute la différence entre un top et un flop.

Je t’explique tout ça.

JPEG

Il se note (.jpg) ou (.jpeg)

C'est quoi ? C’est le format que tu vois partout pour les photos. Il est le format d'image le plus universel, car hyper compatible avec la plupart des navigateurs et applications.

Pourquoi c'est cool ? Le JPEG compresse tes photos pour qu'elles prennent moins de place sur ton disque ou sur le web, ce qui est top. Mais attention, si tu compresses trop, la qualité peut baisser et ton image devient moins belle. On appelle les défauts créés des "défauts d'interpolation". Et ça, tu peux le replacer au prochain diner, de rien.

PNG

Il se note (.png)

C'est quoi ? Un autre format très utilisé sur le web, surtout quand tu as besoin de transparence dans tes images.

Pourquoi c'est cool ? Le PNG garde ton fond transparent ! C’est idéal pour des illustrations clipart par exemple. En plus il utilise une compression sans perte, ce qui signifie qu'il conserve parfaitement tous les détails de l'image originale ! (mais attention, ça peut entraîner des fichiers plus lourds). C'est le meilleur format pour gérer ton logo au quotidien par exemple :)

SVG

Il se note (.svg)

C'est quoi ? C’est un fichier dans lequel tout est calculé avec des maths au lieu de pixels, on appelle ça un format vectoriel.

Pourquoi c'est cool ? Le format est génial pour des logos ou des icônes, car tu peux les agrandir autant que tu veux sans perdre en netteté ! Ça évite d’avoir un logo pixelisé sur une affiche ou une devanture par exemple.

AI

Il se note (.ai)

C'est quoi ? Le format de base d'Adobe Illustrator, parfait pour les dessins vectoriels que tu voudras peut-être modifier plus tard. C'est un format "source", et il est rare qu'un designer te le fournisse, SAUF dans le cas de la création d'un logotype.

Pourquoi c'est cool ? Il est super flexible et permet de garder tous les éléments de ton design ajustables.

PSD

Il se note (.psd)

C'est quoi ? Le format d’Adobe Photoshop, idéal pour les retouches photo complexes.

Pourquoi c'est cool ? Tu peux manipuler chaque détail de ton image grâce aux nombreux outils et options de calques que Photoshop offre.

Tiff

Il se note (.tiff)

C'est quoi ? Un format utilisé par les pros de la photo qui veulent garder la meilleure qualité possible.

Pourquoi c'est cool ? Il conserve toutes les données et les infos de ton image sans perte, ce qui est top pour les projets professionnels ou les archives.

GIF

Il se note (.gif)

C'est quoi ? C'est ce que tu vois en bas de chaque newsletter ;) Et c’est surtout un format fun pour créer des petites animations ou des images qui bougent un peu.

Pourquoi c'est cool ? Il te permet de combiner plusieurs images en une pour créer une animation simple, sans besoin de logiciels compliqués.

Quel format je demande à mon graphiste ?

Chaque format a son petit truc spécial, et quand tu travailles avec un designer, c’est super de savoir lequel demander pour quelle utilisation !

Par exemple, pour un logo voilà ce dont tu as besoin et ce que devrait te livrer ton designer :

  • Format .png, en haute définition, avec et sans fond transparent le cas échéant
  • Format .png ou .jpg, en basse définition
  • Format .svg ou .ai pour les impressions grand format et tous les travaux graphiques professionnels à venir.

Alors, est-ce que tu as bien tout ça dans ta besace ? :)

👜

Il y a quelques semaines je vous ai fait voter pour le sujet d'aujourd'hui :) À toi de voter pour le prochain sujet design !

Des bécots 💛
Manon


Tu en veux encore un peu ? Tu peux aussi :

PS : Oh tiens, au passage, si tu peux faire 2 clics pour me dire ce que tu penses de cette lettre : ⭐️ - ⭐️⭐️ - ⭐️⭐️⭐️ - ⭐️⭐️⭐️⭐ - ⭐️⭐️⭐️⭐️⭐ C'est 1 minute pour toi, et un max de motivation pour moi !


background

Subscribe to Solo✺design