Charger une image extrêmement grande et optimiser le temps de chargement

Bonjour à tous,

(si mon sujet n'est pas dans la bonne catégorie, n'hésitez pas à le déplacer)

J'ai une question pour les petits génies du dev et de l'intégration web parmi vous Smiley smile parce que ça va pas être de la tarte. :lol:

Voilà j'ai besoin, pour un site, d'afficher une image de 140 000 pixels de côté (donc une ENORME image, oui oui ^^) en entier dans la fenêtre du navigateur. :)

Il faudrait que l'utilisateur puisse zoomer / dézoomer sur cette image également. Et pour bien compliquer les choses, cette image risque d'être en format bitmap. Et il faudrait que les détails soient conservés pour les niveaux de zoom les plus élevés.

En termes de vitesse de chargement de la page, est-ce faisable ? A quelles conditions ? Quelles astuces peut-on mettre en place ?

Merci à tous pour votre aide, extrêmement appréciée ;)

en gros tu veux le beurre, l'argent du beurre, la crémière et éventuellement sa cousine avec ...

Pour faire simple ce que tu demandes n'est pas possible, il suffit de voir la gestion de google maps ...
les pistes sont:
- composition de l'image par tuiles, il te faut découper ton image en petit carrés ou rectangles
- image différentes par niveau de zoom

Ben ces 2 solutions me semblent très bien, justement.

• Qu'est ce que chacune de ces solutions implique ?
• Laquelle est la plus simple en termes de développement?
• Laquelle est la plus rapide en termes de temps de développement ?

Merci ;)

ce en sont pas deux solution distinctes, mais deux solutions à combiner

il te faut une grille, et gérer les positions dans la grille
et des niveaux de zoom avec un jeux d'images pour chaque niveau de zoom

Tu renseignes donc ta grille avec les bonnes images en fonction de ta position dans la grille et avec le bon jeu d'images en fonction du niveau de zoom
ce qui permet de ne charger que les images nécessaires à l'affichage

Ok merci ! ;)