📁 Guide des Formats de Fichiers Adobe
JPEG, PNG, PSD, AI, PDF, SVG... Découvrez quel format utiliser selon le contexte. Un bon choix = qualité optimale + taille réduite !
🎯 Pourquoi Maîtriser les Formats ?
1. Formats Sources (Édition)
Ces formats conservent TOUTES les informations d'édition (calques, effets, texte éditable). Ne les supprimez JAMAIS !
📄 PSD (Photoshop Document)
🎨 AI (Adobe Illustrator)
2. Formats Web et Partage
📸 JPEG / JPG (Joint Photographic Experts Group)
✅ Avantages
- • Compression forte (90% réduction possible)
- • 16,7 millions couleurs (24-bit)
- • Universel (tous navigateurs/apps)
- • Parfait pour photos réalistes
- • Taille fichier très réduite
❌ Inconvénients
- • Compression avec perte (qualité↓)
- • Pas de transparence
- • Artefacts si trop compressé
- • Flou sur texte/logos nets
- • Perte cumulative à chaque save
🎯 Quand Utiliser
- • Photos sur site web
- • Galeries images
- • Réseaux sociaux (Instagram, FB)
- • Emails avec pièces jointes
- • Pas besoin transparence
⚙️ Paramètres d'Export Recommandés
| Usage | Qualité | Largeur Max | Poids |
|---|---|---|---|
| Web (bannière) | 60-75% | 1920px | 200-500 Ko |
| Réseaux sociaux | 80-85% | 2048px | 1-2 Mo |
| 70% | 800px | inférieur à 200 Ko | |
| Impression (basse) | 90-95% | 300 DPI | 5-10 Mo |
🖼️ PNG (Portable Network Graphics)
PNG-24 (Millions de couleurs)
Couleurs : 16,7 millions (24-bit) + canal alpha (256 niveaux transparence)
PNG-8 (256 couleurs)
Couleurs : 256 max (palette indexée) + transparence 1-bit (on/off)
🎯 Cas d'Usage PNG
PNG-24 pour :
- • Logos avec détails fins
- • Icônes application (512x512+)
- • Graphiques avec transparence
- • Captures écran interface
- • Boutons web avec ombres
PNG-8 pour :
- • Petites icônes (16x16, 32x32)
- • Graphiques flat design
- • Émojis simples
- • Badges, pastilles
- • Optimisation web extrême
• Photo sans transparence → JPEG (10x plus léger)
• Logo/icône avec transparence → PNG-24
• Graphique simple (256 couleurs max) → PNG-8
• Texte lisible nécessaire → PNG (JPEG floute le texte)
3. Formats Vectoriels (Scalabilité Infinie)
📐 SVG (Scalable Vector Graphics)
🌟 Caractéristiques Uniques
Format Texte (XML)
- • Éditable dans éditeur texte
- • Animable via CSS/JavaScript
- • Indexable par moteurs recherche (SEO)
- • Versionnable (Git friendly)
- • Inspectable navigateur (F12)
Scalabilité Infinie
- • Parfait sur tous écrans (mobile → 4K)
- • Aucune perte qualité zoom
- • Idéal responsive design
- • Fichiers ultra-légers (Ko)
- • Print haute résolution possible
✅ Parfait pour
- • Logos sites web
- • Icônes interface
- • Illustrations flat design
- • Graphiques/diagrammes
- • Typographie custom
- • Animations CSS
⚠️ Limites
- • Pas pour photos (raster)
- • Support ancien IE limité
- • Complexité = calcul lourd
- • Filtres avancés variables
🔧 Export Illustrator
- • Fichier → Exporter → SVG
- • Style : Interne
- • Police : Convertir en tracé
- • Décimales : 2
- • Minifier : activé
📸 Image : Exemple SVG code : balises <svg>, <path>, <circle> avec attributs fill, stroke, viewBox
Capture d'écran à ajouter
📄 EPS (Encapsulated PostScript)
Format vectoriel legacy, encore utilisé en imprimerie professionnelle.
4. PDF (Portable Document Format)
📋 PDF - Le Format Universel
Créé par Adobe, PDF est LE standard pour documents professionnels. Préserve mise en page, polices, images sur TOUS systèmes.
📊 Types de PDF
⚙️ Paramètres Export
| Web (lecture écran) | 72 DPI, RGB, compression JPEG 60% |
| Impression bureau | 150-300 DPI, RGB/CMJN, qualité haute |
| Imprimeur pro | 300 DPI, CMJN, PDF/X-1a, fonds perdus |
| Archivage | PDF/A, polices intégrées, métadonnées |
🔒 Sécurité et Fonctionnalités
Protection :
- • Mot de passe ouverture
- • Interdiction impression
- • Blocage copie texte
- • Empêcher modifications
- • Signature numérique
Interactivité :
- • Formulaires remplissables
- • Liens hypertextes
- • Signets navigation
- • Vidéos/audio intégrés
- • Commentaires/annotations
Accessibilité :
- • Balisage structure
- • Texte ALT images
- • Ordre lecture
- • Lecteurs écran
- • Conformité WCAG
5. Formats Spécialisés
🖼️ TIFF / TIF
Tagged Image File Format - Standard impression professionnelle haute qualité
- 1
Compression sans perte (LZW) ou aucune
- 2
Supporte calques, couches alpha, métadonnées EXIF/IPTC
- 3
300-600 DPI pour impression offset/magazine
- 4
CMJN 16-bit pour retouches pré-presse
- 5
Fichiers très lourds (50-200 Mo photo haute résolution)
- 6
Incompatible web (format trop lourd)
🎞️ GIF (Graphics Interchange Format)
Format animations web - 256 couleurs, boucle infinie
- 1
256 couleurs maximum (palette indexée 8-bit)
- 2
Transparence 1-bit (binaire on/off, pas dégradés)
- 3
Animations frame par frame (10-30 fps)
- 4
Compression LZW sans perte (pour 256 couleurs)
- 5
Remplacé par MP4/WebM pour vidéos modernes
- 6
Encore utilisé pour mèmes, émojis animés légers
🌐 WebP
Format Google - Compression supérieure, remplace JPEG/PNG
- 1
Compression 25-35% meilleure que JPEG à qualité égale
- 2
Transparence comme PNG mais fichiers 3x plus légers
- 3
Supporte animation (remplace GIF)
- 4
Adopté par Chrome, Firefox, Edge (Safari depuis 2020)
- 5
Idéal optimisation SEO/vitesse chargement
- 6
Fallback JPEG/PNG recommandé pour compatibilité legacy
📷 RAW (DNG, CR2, NEF...)
Format brut appareil photo - Données capteur non traitées
- 1
Données brutes capteur (12-16 bit par canal)
- 2
Latitude retouche maximale (exposition, balance blancs)
- 3
Aucun traitement destructif appliqué
- 4
Nécessite conversion (Lightroom, Camera Raw)
- 5
Fichiers 20-80 Mo par photo
- 6
DNG = format RAW universel Adobe (recommandé archivage)
6. Tableau Récapitulatif - Quel Format Choisir ?
| Besoin | Format Recommandé | Alternative | Paramètres Clés |
|---|---|---|---|
| Photo site web | JPEG (80%) | WebP | 1920px, RGB, compression 70-85% |
| Logo avec transparence | PNG-24 | SVG (si vectoriel) | Sans perte, alpha canal |
| Icône web responsive | SVG | PNG-24 | Minifié, polices en tracés |
| Document partagé (lecture) | PDF/A (archivage) | 72-150 DPI, polices intégrées | |
| Impression magazine pro | TIFF (CMJN) | PDF/X-1a | 300 DPI, 16-bit, CMJN, fonds perdus |
| Animation courte web | MP4 / WebM | GIF (legacy) | H.264, boucle, sans audio |
| Fichier source éditable | PSD / AI | - | Calques intacts, non aplati |
| Retouche photo avancée | RAW (DNG) | TIFF 16-bit | Données brutes, latitude max |
| Email pièce jointe | PDF (compressé) | JPEG (70%) | inférieur à 2 Mo, 72-150 DPI |
1. Créer dans PSD/AI (source éditable)
2. Sauvegarder version source + backup cloud
3. Exporter copies JPEG/PNG/SVG/PDF selon usage
4. Optimiser avec TinyPNG, ImageOptim, SVGO
5. Ne JAMAIS supprimer fichiers sources !
📌 Points Clés à Retenir
- ✓Formats sources (PSD/AI) : TOUJOURS conserver, backup cloud obligatoire, base éditions futures
- ✓JPEG : Photos web, compression 70-85%, pas transparence, universel mais avec perte
- ✓PNG : Transparence, logos, texte net. PNG-24 (millions couleurs) vs PNG-8 (256 couleurs)
- ✓SVG : Vectoriel web, scalabilité infinie, fichiers légers, animable CSS, idéal logos/icônes
- ✓PDF : Documents universels, impression pro (PDF/X), archivage (PDF/A), sécurité, interactivité
- ✓WebP : Futur du web, 30% plus léger, transparence + animation, adopté tous navigateurs modernes
Quiz Interactif
Testez vos connaissances