scale sur image

Pour toutes les discussions javascript, jQuery et autres frameworks
Répondre
valentin
Messages : 35
Enregistré le : 09 avr. 2024, 16:08

scale sur image

Message par valentin » 04 mai 2024, 11:06

bonjour
je dois afficher une grande image
donc je l'affiche avec un context scale de 0.5
mais je crains que si je manipule les pixels après l'image n'est
plus la résolution avant
donc pour mon traitement je devrais gardé originale pour
le traitement et le scale pour seulement afficher
qu'en pensez vous
merci

Bastien8
Messages : 1
Enregistré le : 06 mai 2024, 07:17
Localisation : https://pimptonseo.com/

Re: scale sur image

Message par Bastien8 » 06 mai 2024, 07:35

Salut!

Ton approche semble solide. Garder l'image à sa résolution d'origine pour le traitement et utiliser le context scale uniquement pour l'affichage est une bonne idée. Cela permet de conserver la qualité de l'image lors du traitement tout en contrôlant sa taille à l'affichage. En plus, si tu veux optimiser pour le référencement, n'oublie pas d'ajouter les balises alt et de choisir des mots-clés pertinents pour améliorer la visibilité de ton image.

eathcotegeo
Messages : 1
Enregistré le : 27 août 2024, 06:51

Re: scale sur image

Message par eathcotegeo » 27 août 2024, 06:52

J'aime votre approche. Il est préférable de conserver la résolution de l'image pour le traitement et l'échelle du contexte pour l'affichage. Cela détermine la taille de l'affichage et la qualité de l'image pendant le traitement. Les balises Alt et les mots-clés améliorent le référencement des images.

jumlouh
Messages : 2
Enregistré le : 08 mars 2024, 04:44

Re: scale sur image

Message par jumlouh » 23 sept. 2024, 09:17

Bonjour,

Oui, tu as tout à fait raison dans ta réflexion. Lorsque tu appliques un scale sur le contexte (comme context.scale(0.5, 0.5)), cela affecte uniquement l'affichage, c'est-à-dire la manièreslope dont l'image est rendue sur le canvas. Cela ne modifie pas les pixels réels de l'image, mais seulement la façon dont elle est dessinée.
Charger l'image originale à pleine résolution dans une variable.
Effectuer les traitements sur cette image.
Dessiner l'image à une échelle réduite lorsque tu veux l'afficher sur le canvas, sans affecter les données d'origine.

Code : Tout sélectionner

let originalImage = new Image();
originalImage.src = 'mon_image.jpg';

originalImage.onload = function() {
  // Pour afficher l'image avec scale
  context.save();
  context.scale(0.5, 0.5);  // Affichage à 50%
  context.drawImage(originalImage, 0, 0);
  context.restore();

  // Traitement des pixels sur l'image originale
  let imageData = context.getImageData(0, 0, originalImage.width, originalImage.height);
  // Appliquer le traitement sur imageData ici
  // ...
};

benjamihines
Messages : 1
Enregistré le : 24 sept. 2024, 11:13
Contact :

Re: scale sur image

Message par benjamihines » 24 sept. 2024, 11:15

Vous avez raison. Il est préférable de conserver l'image originale pour les traitements afin de ne pas perdre en qualité, et d'utiliser le scale uniquement pour l'affichage. Cela évite toute altération de la résolution lors des manipulations.

Répondre