Comment simplement réduire une image pour la mettre sur le web ?

Lorsque vous placez des images sur web, il faut les réduire et les optimiser afin que les internautes puissent les visualiser rapidement.

il existe trois formats "compatibles" pour le web : le gif, le png et le jpg. Les deux premiers conviennent bien pour le graphisme 2D avec des aplats et le jpg pour les photos. Pour en savoir plus

Généralement une image sur le web ne doit pas dépasser 350 pixels de large et 40 Ko en poids. Voici la manière simple de réduire vos images (issus d’un appareil photo numérique, d’un scanner, ...) pour les placer sur un site ou un article spip :

  1. Acquérir et installer un logiciel de dessin comme XnView (Il est aussi possible d’utiliser des logiciels plus complexes comme photoshop ou the Gimp).
  2. Aller dans fichier > ouvrir > .... ouvrir votre image ....
  3. Aller dans image > redimensionner > Taille standard : personnalisé > taille ecran nous allons mettre 250 px de large (bien garder ratio coché pour conserver les proportions)
  4. Aller fichier > enregistrer sous > ... donner un nom pour le fichier que vous placer en ligne (sans espace blanc ni accents) ...
  5. C’est bon ! Vérifier que votre fichier ne dépasse les 50 Ko.
Posté le 18 juin 2004

©© a-brest, article sous licence creative common info

Nouveau commentaire
  • Juin 2009
    22:17

    site qui réduit les photos en plusieurs vignettes pour vous

    par Michel Troya

    Bonjour,

    A la fois informaticien et photographe, j’ai créé sur mon site informatique un service que beaucoup de personnes me réclamaient et avaient du mal à réaliser quand ils n’étaient pas bons en informatique : la création de vignettes réduites à partir d’un original haute résolution.

    Vous verrez, c’est très simple et clair.
    http://vignettes.micheltroya.fr

    n’hésitez pas à me transmettre des idées d’amélioration, mais à condition que ça ne devienne pas une usine à gaz, j’aime la sobriété et l’efficacité...

    Bonnes photos !

    Voir en ligne : Site qui réduit en 4 vignettes une photo haute résolution

  • Décembre 2006
    10:59

    Comment simplement réduire une image pour la mettre sur le web ?

    par fmb4

    Bonjour à vous,
    Voilà je demande un p’tit coup de main, svp, (ou d’souris...) pour résoudre un p’tit problème informatique...

    Voici de quoi il s’agit :
    Je suis en train d’aider un collègue pour la réalisation d’un site internet (ayant pour thème la peinture) contenant beaucoup de photos nécessitant l’emploi de petites vignettes pour que celles-ci puissent s’afficher rapidement tout en laissant à l’internaute la possibilité de cliquer dedans pour voir la photo originale en grand... forme de présentation courante sur internet...
    alors je pensais qu’avec toute ma doc sur le HTML, j’arriverai à surmonter cette difficulté, mais hélas ! non !!
    Alors la question que j’aimerai vous poser est la suivante :
    Pour réaliser des "vignettes", est - il vraiment impératif d’"uploader" sur l’hébergeur, pour chaque photo, sa version "vignette" (peu de poids)

    OU ALORS

    y a t-il une solution HTML pour qu’avec la MêME PHOTO, de faire en sorte (avec un code approprié) qu’elle puisse s’afficher A LA FOIS dans sa version d’origine ET dans sa version "vignette" ??
    ... ce qui nous éviterai d’avoir à faire pour chaque photo - yen a bcp - la retouche permettant la version "peu de poids" ; que nous ne sommes toujours pas parvenu à faire au bout d’une heure de bataille avec l’ordi (c’est l’ordi qu’ a gagné, le salaud)

    Merci pour votre réponse

    p.s. j’ai fais un brouillon sur internet visible sur fmb4.ifrance.com, cliquer sur le lien "futur site de Luis"

    Voir en ligne : Comment éviter... d’avoir à réduire l’image, justement !!

  • Juillet 2004
    22:44

    > Comment simplement réduire une image pour la mettre sur le web ?

    par Henri

    Le plus difficile, c’est d’acquérir XnWiew ... qui est un (excellent) freeware ...

    Enfin, si, on peut le payer pour un usage commercial ;-))
Accès aux droits et inclusion numérique : venez découvrir les lieux ressources
Une carte collaborative des structures et services ressources en matière d’accès aux droits et d’inclusion numérique a été réalisée dans le cadre du Chantier multipartenarial et métropolitain initié en 2019. 400 (…)
Animacoop : inscriptions ouvertes pour la session de l’automne 2024 à Brest
Développez vos compétences collaboratives ! Vous souhaitez Développer des compétences collaboratives en associant : Compréhension des dynamiques de groupe Méthodes d’intelligence collective Émancipation de (…)
Déjà 84 PAPI (points d’accès publics à internet) sur la carte collaborative gogocarto
Le multimédia, outil valorisant de communication peut être un facteur de lien social et de reconquête de l’estime de soi. D’où le réseau de plus d’une centaine de Papi, points d’accès public à internet, au plus près (…)
La nouvelle édition du guide de la fabrication et de la fabrication numérique est disponible !
La nouvelle édition du guide est arrivée, et sera notamment distribuée à la Fête de la science dans le Fabuleux Laboratoire aux ateliers des Capucins du jeudi 7 au dimanche 10 octobre !!!! La ville de Brest et ses (…)
Daniel et Mylène Larvor, une contribution exceptionnelle sur l’histoire de Brest à travers 27 modélisations mises en partage sur wiki-brest
Une interview pour mettre en valeur des années de travail publiées sur wiki-brest parce que le partage leur est important. Une posture inspirante de contributions aux communs bien en phase avec cette écriture ouverte (…)
Premier pas vers une gouvernance contributive (1)
En développant une politique publique du numérique à Brest , l’intention première visait à réduire les inégalités, favoriser l’inclusion sociale et développer les usages. Et puis petit à petit, nous avons appris « (…)
Brest Creative : une soixantaine d’innovations sociales ouvertes publiées
Première étape de Brest Creative, réseau de l’innovation sociale ouverte, voici les fiches descriptives d’une soixantaine d’innovations sociales à Brest et au pays de Brest publiées sur la plate forme Imagination (…)
Anime-fr : Réseau francophone des animateurs de projets collaboratifs
Lorsque nous avions initié Intercooop aux ETES TIC de Rennes en 2007 nous exprimions l’envie d’interconnecter des réseaux coopératifs. Prolongement du groupe IC-Fing, duForum des usages coopératifs, des ateliers (…)