Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

Redimensionner une image...

7 réponses
Avatar
Eric Demeester
Hello,

Mon client, le même qui veut qui veut des trucs qui clignotent, me
disait hier « l'image en 1000 pixels de large est trop grande, je vois
des ascenseurs verticaux et horizontaux, il faut réduire sa taille ».
J'ai passé la largeur de l'image à 700 et maintenant il couine que ce
n'est pas assez grand, grmbl.

Je lui ai expliqué (c'est un photographe professionnel) que le web
n'était pas un magazine où on pouvait tout positionner au quart de poil,
qu'il existait différentes tailles d'écran, différentes résolutions,
différents navigateurs, différents systèmes d'exploitation, etc. Il m'a
écouté parce qu'il m'aime bien mais ça l'a rendu très triste.

En fait, après l'avoir cuisiné un peu, j'ai compris qu'il aimerait bien
que l'image s'adapte automatiquement à la taille de la fenêtre du
navigateur, un peu comme on peut le faire pour le contenu d'une page à
l'aide d'une feuille de style.

Je lui ai répondu que c'était impossible, mais d'un naturel curieux,
j'ai quand même fait quelques recherches et je me suis aperçu qu'il
existait des logiciels permettant de convertir une image bitmap en image
vectorielle.

Le propre d'une image vectorielle étant d'être redimensionnable sans
perte de qualité, je me demande s'il est imaginable d'afficher une telle
image dans un navigateur, quel doit être son format, etc.

Idées, expériences, commentaires ?

--
Eric Demeester - http://www.galacsys.net

7 réponses

Avatar
Denis Beauregard
Le Fri, 12 Oct 2007 20:14:33 +0200, Eric Demeester
<eric+ écrivait dans
fr.comp.infosystemes.www.auteurs:

Je lui ai répondu que c'était impossible, mais d'un naturel curieux,
j'ai quand même fait quelques recherches et je me suis aperçu qu'il
existait des logiciels permettant de convertir une image bitmap en image
vectorielle.

Le propre d'une image vectorielle étant d'être redimensionnable sans
perte de qualité, je me demande s'il est imaginable d'afficher une telle
image dans un navigateur, quel doit être son format, etc.



Si ton client est photographe, je doute que tu arrives à quelque chose
avec du vectoriel !

Par contre, tu peux détecter la largeur de l'écran et générer ensuite
l'énoncé des dimensions de l'image. Par exemple

<img src="http://site.com/image.gif&quot;
style="height:38px;width:175px;border-width:0px;" />

Évidemment, si on change ensuite la largeur de l'écran, celle de
l'image ne change pas et il faut demander à rafraîchir.


Denis
Avatar
rm
Salut,
Le vendredi 12 octobre 2007 à 20:14, Eric Demeester a écrit :

En fait, après l'avoir cuisiné un peu, j'ai compris qu'il aimerait bien
que l'image s'adapte automatiquement à la taille de la fenêtre du
navigateur, un peu comme on peut le faire pour le contenu d'une page à
l'aide d'une feuille de style.

Je lui ai répondu que c'était impossible, mais d'un naturel curieux,



Au contraire, c'est non seulement possible mais c'est même le comportement
par défaut des navigateurs les plus répandus: IE et Firefox affichent les
images en les adaptant, dynamiquement sans rechargement, à la largeur ou
hauteur d'affichage (lorsque celles de l'image sont plus grandes)...
Bon c'est pas parce que les grands le font que c'est un fontionnement
standard, Safari par exemple ne réagit pas de la sorte et affiche des
barres de défilement...
Opera ne se comporte pas non plus comme çà par défaut mais dispose un mode
d'ajustement de page (donc pas seulement les images) à la largeur de la
fenêtre d'affichage (CTRL+F11). Il est aussi possible de le doter d'un
petit userjs pour permettre l'ajustement des images selon cinq modes (dont
"maximize", comme IE/Fx) par simple clic :
http://userjs.org/scripts/browser/enhancements/autosizer
Ce genre de script est peut-être adaptable à d'autres clients.

j'ai quand même fait quelques recherches et je me suis aperçu qu'il
existait des logiciels permettant de convertir une image bitmap en image
vectorielle.



Quels logiciels ? Quels formats supportent-il ? Je suis curieux de voir le
résultat sur une belle grosse photo ;)

@+
--
rm - http://opera-fr.com
Avatar
Jean-Francois Ortolo
Eric Demeester wrote:
Hello,

Mon client, le même qui veut qui veut des trucs qui clignotent, me
disait hier « l'image en 1000 pixels de large est trop grande, je vois
des ascenseurs verticaux et horizontaux, il faut réduire sa taille ».
J'ai passé la largeur de l'image à 700 et maintenant il couine que ce
n'est pas assez grand, grmbl.

Je lui ai expliqué (c'est un photographe professionnel) que le web
n'était pas un magazine où on pouvait tout positionner au quart de poil,
qu'il existait différentes tailles d'écran, différentes résolutions,
différents navigateurs, différents systèmes d'exploitation, etc. Il m'a
écouté parce qu'il m'aime bien mais ça l'a rendu très triste.

En fait, après l'avoir cuisiné un peu, j'ai compris qu'il aimerait bien
que l'image s'adapte automatiquement à la taille de la fenêtre du
navigateur, un peu comme on peut le faire pour le contenu d'une page à
l'aide d'une feuille de style.

Je lui ai répondu que c'était impossible, mais d'un naturel curieux,
j'ai quand même fait quelques recherches et je me suis aperçu qu'il
existait des logiciels permettant de convertir une image bitmap en image
vectorielle.

Le propre d'une image vectorielle étant d'être redimensionnable sans
perte de qualité, je me demande s'il est imaginable d'afficher une telle
image dans un navigateur, quel doit être son format, etc.

Idées, expériences, commentaires ?





Bonjour Monsieur

Pourquoi ne spécifiez-vous pas la largeur ( simplement la largeur de
l'image ), en pourcentages ?

La hauteur devrait s'adapter automatiquement pour respecter les
proportions, non ?

Bien à vous.

Amicalement.

Jean-François Ortolo

--
Visitez mon site gratuit donnant des Statistiques
et des Historiques Graphiques sur les Courses de Chevaux:
http://www.ortolojf-courses.com
Avatar
Olivier Masson
Eric Demeester a écrit :

Diantre, un hébergeur qui fait des sites !


Je lui ai répondu que c'était impossible, mais d'un naturel curieux,
j'ai quand même fait quelques recherches et je me suis aperçu qu'il
existait des logiciels permettant de convertir une image bitmap en image
vectorielle.



Ouf, il est pas prêt de bouffer le marché ;)


Le propre d'une image vectorielle étant d'être redimensionnable sans
perte de qualité, je me demande s'il est imaginable d'afficher une telle
image dans un navigateur, quel doit être son format, etc.

Idées, expériences, commentaires ?




Expérience : il y a fort longtemps, j'avais fait de telles conversions
pour les utiliser dans Flash.

Commentaires : ça donne une image très stylée, qui n'a bien sûr rien à
voir avec l'originale puisque composée de zones de couleurs, et d'une
taille plus ou moins colossale (si on utilise de larges zones, c'est pas
gros, si on met les détails au max, on atteint plusieurs Mo.)

Idée : ne surtout pas faire ça, bien entendu. Tu peux très bien
redimensionner une image en fonction de l'affichage. Soit en JS, soit
tout simplement en indiquant les dimensions en % (pas toujours évident).

Tiens, ça va faire plaisir à ASM, un petit lien vers son un exemple à lui :
http://perso.orange.fr/stephane.moriaux/truc/3cols_images_adapt_strict.htm

Le redimensionnement n'est pas très propre car bilinéaire. A noter que
tu peux spécifier un propriété CSS prioritaire MS pour ceux qui ont IE7
(ça fait dans les 30% d'utilisateurs tout de même) afin de forcer un
redimensionnement bicubique (bcp plus propre) :
img { -ms-interpolation-mode: bicubic; }

Une autre possibilité risquée est de fournir une image en fonction de la
taille de la fenêtre du navigateur ; ça ne changera donc pas au
redimensionnement. Ceci en JS, ou JS+PHP, voire j'imagine AJAX.

Bon, j'ai le droit à un dédié gratos :) ?
Avatar
SAM
Eric Demeester a écrit :

Idées, expériences, commentaires ?



On s'en moque complètement !

Pour un gif animé qui n'aura pas le temps de s'afficher
un style width 100% pourra bien faire l'affaire

<img style="width:100%"
src="animatored.gif"
alt="à ne pas voir" title="photos d'accueil">
Avatar
SAM
Olivier Masson a écrit :

Tiens, ça va faire plaisir à ASM, un petit lien vers son un exemple à lui :
http://perso.orange.fr/stephane.moriaux/truc/3cols_images_adapt_strict.htm



Ça alors ! je l'avais oubliée celle-là
mis en ligne le 06/10/05

J'ai oublié aussi son anniversaire, zutre !
Avatar
Eric Demeester
dans (in) fr.comp.infosystemes.www.auteurs, Olivier Masson
ecrivait (wrote) :

Bonjour,

Je profite de ce message pour remercier toutes les personnes m'ayant
répondu, j'ai du pain sur la planche...

Diantre, un hébergeur qui fait des sites !



Oups, je n'avais pas réalisé que c'était ma signature d'hébergeur qui
apparaissait sur ce groupe ! Je viens de changer, enfin j'espère.

Ouf, il est pas prêt de bouffer le marché ;)



:)

Idée : ne surtout pas faire ça, bien entendu. Tu peux très bien



Tu m'as convaincu.

Tiens, ça va faire plaisir à ASM, un petit lien vers son un exemple à lui :
http://perso.orange.fr/stephane.moriaux/truc/3cols_images_adapt_strict.htm



Mmm, ça m'a l'air très bien, ça.

[ snip des autres possibilités évoquées, je vais creuser toutes ces
pistes. ]

Bon, j'ai le droit à un dédié gratos :) ?



Si je fais ça je vais me faire gronder par mes associés, mais je peux te
payer un pot :)

--
Eric