2009-01-27 9 views
1

Imaginons que vous créiez un site semblable à eBay où les utilisateurs peuvent lister les éléments qu'ils souhaitent vendre à d'autres utilisateurs et que vous voulez leur permettre de télécharger des images. Afin de rendre le site aussi "propre" que possible, vous décidez que toutes les vignettes d'images seront représentées par des carrés de 100x100 pixels sur la page principale (l'image complète pourrait être affichée dans un autre écran si nécessaire).Redimensionner vs Recadrer

Quelle est la meilleure façon de procéder? Devriez-vous simplement redimensionner l'image aux dimensions spécifiques et risquer de déformer ou recadrer l'image et risquer de couper des parties importantes de l'image? Ou juste la vignette avec le même format et remplir l'espace supplémentaire avec une couleur par défaut?

Répondre

0

Vous pourriez faire les deux.

Vous pouvez fournir un curseur qui redimensionne l'image selon un taux particulier et lui permettre de se déplacer dans une zone de découpage correspondant à la taille de l'image résultante souhaitée.

6

Je dirais que l'option de redimensionner l'image à 100x100 sans tenir compte de l'aspect de l'image originale est une solution inacceptable. À mon avis personnel, la meilleure option est de donner à l'utilisateur un outil de sélection carré, qui lui permet de faire glisser et de déplacer une zone de recadrage sur son image téléchargée. Une fois qu'ils ont sélectionné la zone de recadrage, vous recadrez l'image et la redimensionnez à 100x100 pixels. Cela vous donnera la présentation la plus nette des images miniatures. Étant donné que l'image sera liée à une image en taille réelle à son aspect original, je ne craindrais pas qu'une partie de l'image soit perdue.

+0

L'outil de sélection d'utilisateur est exactement ce que je pensais. – strager

+0

une chose que la plupart des sites avec cette fonctionnalité ne font pas, mais est très agréable, est de permettre à la boîte de découpage de dépasser les frontières de l'image originale. afficher une image 600x800 dans une boîte de 800x800 avec des barres noires et inclure les barres noires dans la zone de vignette. – Sparr

+0

@Sparr, Belle suggestion. Je garderai cela à l'esprit si jamais je dois faire quelque chose comme ça. – strager

1

En supposant que vous ayez besoin d'une solution de secours pour les utilisateurs qui ne peuvent ou ne veulent pas utiliser un outil de recadrage graphique, je suggère une liste d'opérations à choisir.

  • letterbox (montrer les barres noires, rien coupé)
  • culture à centre
  • culture au coin
  • [NE/NW/SE/SW] culture au milieu du [N/E/S/W] côté