web-dev-qa-db-fra.com

Besoin des plus petites images possibles pour iPad pouvant zoomer à 200% sans perte de qualité

en ce moment j'utilise des images 2048x1546 à 132 dpi, fichiers PNG. ils ont l'air incroyable mais ils sont énormes en taille de fichier.

des conseils sur la façon d'avoir des images aussi grandes en dimensions et en taille de fichier? (surtout la taille du fichier qui m'inquiète ici ...)

3
Paul

L'écran de l'iPad mesure 1024 x 768, donc pour afficher des images avec un zoom de 200% sans pixellisation, vous aurez besoin d'une image de 2048 x 1546.

Solutions possibles:

  1. Recherchez ou écrivez une visionneuse d'images qui effectue une interpolation entre les pixels pour les valeurs de zoom supérieures. Les images ne seront pas pixellisées, mais elles seront floues.

  2. Augmentez la compression des images. Cela réduira l'espace qu'ils occupent sur le "lecteur", mais ils doivent toujours être décompressés pour l'affichage.

  3. Acceptez une certaine pixellisation aux facteurs de zoom les plus élevés et choisissez une taille d'image plus petite.

  4. Avoir plusieurs versions de l'image pour différentes résolutions et diviser l'image de résolution supérieure en morceaux et n'afficher que les bits visibles. C'est ce qui se passe avec les technologies de type Deep Zoom comme @ Anders le souligne dans sa réponse.

Vous devez équilibrer la qualité que vous obtenez de la grande image avec la quantité de mémoire qu'elle utilise et trouver un compromis acceptable.

spécifications iPad

4
ChrisF

Vous pourriez probablement utiliser Seadragon Ajax - c'est l'implémentation javascript de Silverlights DeepZoom.

Voir la réponse sur Obtenez satisfaction pour Seadragon Ajax

2
loraderon

Devez-vous utiliser des fichiers PNG? Les JPG peuvent être compressés un peu plus s'ils sont de nature photographique.

2
DA01

Je ne sais pas comment réduire les dimensions de l'image mais réduire la taille du fichier des images PNG est facile:

  1. Réduisez le nombre de couleurs - cela aura le plus grand effet mais pourrait également, selon l'image, avoir un impact similaire sur la qualité de l'image (par exemple, ouvrez l'image dans votre éditeur d'image préféré, exécutez l'effet de postérisation et enregistrez).

  2. Supprimez les informations inutiles et améliorez la compression - il y a beaucoup de programmes qui le font, d'après mes expériences [[# #] pngout [~ # ~] est le plus efficace, cela n'affectera pas la qualité de l'image .

Il y a beaucoup d'autres choses que vous pouvez faire, mais d'après mon expérience, ces deux sont là où vous obtiendrez des améliorations majeures pour peu de travail.

En outre, vous devez savoir que cela réduira la taille du fichier, cela ne signifie pas qu'ils réduiront la quantité de mémoire nécessaire pour afficher l'image (dans la plupart des cas, ils ne le feront pas)

1
Nir