« Introduction au webdesign/Images » : différence entre les versions
Contenu supprimé Contenu ajouté
erreur lien navigateur de chapitre |
Aucun résumé des modifications |
||
Ligne 5 :
|numero=3
|précédent=[[Introduction au Webdesign/Concepts|Les Concepts]]
|suivant=[[Introduction au Webdesign/
}}
Ligne 13 :
* '''un certain poids''' : une image de 1Mo n'est pas viable pour un habillage : c'est beaucoup trop lourd à télécharger. Privilégiez donc des images à "petit poids" pour un affichage plus rapide
* '''un certain format''' : JPEG, GIF et PNG sont les seuls formats à utiliser (on pourra utiliser le SVG dans certains cas très précis). Les formats tels que BMP, TGA, ou RAW sont à proscrire : les navigateurs ne les afficheront pas, ou mal.
== Le format JPEG ==
Ligne 25 ⟶ 26 :
[[w:Jpeg|Voir la page Wikipedia pour JPEG]]
== Le format GIF ==
Ligne 37 ⟶ 39 :
[[w:Gif|Voir la page Wikipedia pour GIF]]
== Le format PNG ==
Ligne 52 ⟶ 55 :
Ce format est un format libre.
'''''Attention !''''' Internet Explorer souffre d'un bug d'affichage de la transparence des PNG. L'image transparente sera affichée sur un fond beige. Pour palier à cela, on peut utiliser [[Javascript
<code>
Ligne 90 ⟶ 93 :
[[w:Portable_Network_Graphics|Voir la page Wikipedia pour PNG]]
== Autre formats ==
D'autres formats, moins connus sont utilisables :
=== Le format MJPEG ===
MJPEG pour ''Motion JPEG'' est un format vidéo composé d'une suite d'image JPEG. Ce format est utilisé notamment par les caméras de surveillance sur IP ou les appareils photos numériques.
'''Extentions :''' .mjpeg, .mjpg
[[w:MJPEG|Voir la page Wikipedia pour MJPEG]]
=== Les formats MNG et APNG ===
Même principe que pour le MJPEG : le MNG et APNG sont une suite d'images au format PNG.
Le format MNG est officiellement supporté uniquement par [[w:Konqueror|Konqueror]]. Le format APNG est quand à lui supporté par Mozilla et les navigateurs Gecko (comme Firefox, par exemple)
'''Extentions :''' .mng et .apng ou .png
[[w:Multiple-image_Network_Graphics|Voir la page Wikipedia pour MNG]]
[[w:Animated_Portable_Network_Graphics|Voir la page Wikipedia pour APNG]]
=== Le format SVG ===
Ce format est un "alien" dans le monde de l'image. C'est un format libre d'images vectorielles définit dans un fichier XML.
Ce format peut aussi intégrer une feuille de style et permet alors toutes les possibilités permises par CSS.
Les navigateurs Gecko (Mozilla, Firefox...) supportent nativement le SVG, pour Internet Explorer il faut utiliser un plug-in.
'''Extentions :''' .mng et .apng ou .png
[[w:SVG|Voir la page Wikipedia pour SVG]]
| |||