Discussion :

[CedriZero]

Bonjour,

Je suis en train d'intégrer le plugin Jcrop sur mon site afin de croper des images mais j'ai quelques soucis de résolution:

Ce sont des images que je souhaite afficher dans un diaporama il me faut donc 3 formats différents FULL/LARGE/MINI pour enregistrer les 3 formats pas de problème.

Mon soucis se trouve lors du crop :
Je charge une image de 3000x3000px par exemple, je souhaite la croper au ratio 3/2 ce qui me donne pour l'image en full du 1800x1200px.
Mon image finale fait la bonne taille en pixel mais la qualité est dégradée!!. J'ai l'impression que l'image prend comme base la fenêtre de sélection du crop qui fait 300x200px. Donc forcément si j’agrandis du 300x200px en 1800x1200px c'est pas terrible.
J'aimerai donc savoir comment faire pour que l'image garde sa définition d'origine sans afficher l'image de base en 3000x3000px et une fenêtre de sélection de 1800x1200px est-ce possible?

Si quelqu’un à une petite idée ou connait bien ce plugin je suis preneur

J'ai bien cherché par là mais je n'arrive pas à le faire fonctionner voir
Merci

[SpaceFrog]

soyons d'accord sur les termes croper = decouper

si tu prends une partie de l'image et que tu l'agrandis ensuite tu ne peux en aucun cas conserver la résolution originale.

si par contre tu souhaites n'afficher qu'une partie de l'image dans sa résolution originale tu peux passer par un background-image de dive et un background position ou un clip sur une balise image, mais cela présente le désavantage d'avoir a charger l'intégralité de l'image.

[CedriZero]

oui c'est bien découper:

mon image afficher que j'ai charger fait bien la taille de l'original sauf qu'elle est redimensionner a l'affichage pour ne pas dépasser 300x200px .En faisant clique droit sur cette image c'est écrit taille original exemple 3000x3000 redimensionné à 300x200px
J'aimerai savoir comment faire pour que le crop tienne compte de l'image original et pas de celle redimensionnée dans la div.

Ce n'est pas facile a expliquer comme problème...

[SpaceFrog]

regard plutot du cote de background image ou de la propriété css crop

[CedriZero]

J'ai trouvé ça qui normalement est la solution a mon problème si je ne me trompe pas.
Car du coté de background.... rien ne fonctionne
Mais même le code que j'ai trouvé ne résous pas mon problème

[SpaceFrog]

Car du coté de background.... rien ne fonctionne

Petite nuance, tu n'arrive pas à la faire fonctionner ...

il te suffit de mettre un div sur ta page et du lui attribuer la taille souhaitée, 300x200px ??
du lui mettre ton image originale en grande taille
et d'attribuer un background-position qui ne laisse apparaitre que la partie souhaitée.

cf. http://jsfiddle.net/g7Kcm/

c'est bien une seule et même image qui est mise en background des deux divs ...