De Microfly.info.

Vous n’êtes pas autorisé(e) à modifier cette page, pour la raison suivante :

Vous pouvez voir et copier le contenu de la page :

[[Catégorie:Documentation site internet]][[Catégorie:Documentation images]][[Catégorie:Formation TYPO3]] {{TODO|Compléter et séparer en plusieurs pages !}} == Contexte == bla bla sur les images (http://fr.wikipedia.org/wiki/Image_num%C3%A9rique) + [[Tailles des images pour un site internet]] bla bla sur les formats de fichiers (http://fr.wikipedia.org/wiki/JPEG) {{Astuce|Astuce !|Les manipulations à effectuer sont destructives, c'est à dire que l'image après traitement contiendra moins d'informations et il ne sera pas possible de revenir en arrière, il donc est conseillé de conserver un original aux dimensions et formats initiaux.}} == Outils à utiliser == L'objectif étant de mettre les images à des dimensions optimales pour la publication sur un site internet, nous aurons principalement besoin de deux outils, soit utilisés individuellement, soit combinés : redimensionner et recadrer. Le cas échéant un troisième outil pourrait être utile : la rotation. === Redimensionner === Le redimensionnement d'une image est en réalité une mise à l'échelle : le redimensionnement permet de conserver le cadrage tout en réduisant les dimensions (largeur,hauteur) et le poids de l'image. {{Alerte|Attention !|Il faut toujours redimensionner en ''réduisant'' les dimensions, tenter d'augmenter la taille donnera une image de ''mauvaise qualité''.}} === Recadrer === Le recadrage permet de découper l'image et de n'en conserver qu'une partie. Il permet aussi de changer le format (orientation de l'image) : il est tout à fait envisageable de recadrer une image au format paysage vers le format portrait par exemple. {{Alerte|Attention !|il faut toujours recadrer en conservant ''des dimensions finales suffisantes'', sinon l'image sera trop petite ou de ''mauvaise qualité''.}} === Rotation === {{TODO|}} == Exemples et méthodes == === Outil en ligne Picnik === * [[Redimensionner une image avec Picnik]] * [[Recadrer une image avec Picnik]] * [[Recadrer et redimensionner une image avec Picnik]] * [[Redimensionner et recadrer une image avec Picnik]] === Logiciel libre GIMP === * [[Redimensionner une image avec GIMP]] * [[Recadrer une image avec GIMP]] * [[Recadrer et redimensionner une image avec GIMP]] * [[Redimensionner et recadrer une image avec GIMP]] == OBSOLÈTE == === Recadrer uniquement === ==== Situation 1 ==== Une image ayant la bonne orientation (portrait ou paysage). Le contenu visuel final correspondant exactement aux dimensions finales. Une exemple concret serait un original au format 4/3 alors que nous travaillons habituellement aux proportions 3/2 par exemple. ==== Méthode 1 ==== ==== Situation 2 ==== Une image dont nous voulons changer l'orientation (paysage vers portrait par exemple). Le contenu visuel final correspondant exactement aux dimensions finales. Un exemple concret serait un original au format paysage ayant pour hauteur la dimension de l'image au format portrait désirée. ==== Méthode 2 ==== === Redimensionner puis recadrer === === Recadrer puis redimensionner === {{Information|Information !| * Consultez aussi les pages [[tailles des images pour un site internet]] et [[TYPO3, Les contenus Image]]. * Pour discuter de la taille des images, vous pouvez utiliser [http://support.microfly.info/manipulation-images/ les forums de support].}} {{Retour|Formation rédacteurs TYPO3 |Retourner au plan de la formation rédacteur TYPO3}}

Revenir à la page Préparer des images pour les publier sur un site internet.