Les partenaires publicitaires:

Comment faire et ensuite agrandir les images miniatures sur un site web

L'Internet est un endroit rapide. Généralement la plupart des utilisateurs ne seront pas attendre plus de 10 ou 15 secondes pour une page à charger avant de passer. Pour cette raison, vous voulez que votre page se charge aussi rapidement que possible. Certains des plus grands tueurs de vitesse sur une page web sont de grandes images. Si vous avez beaucoup de photos à afficher, il est de loin préférable de créer des vignettes des images qui pointent vers les grandes versions.

Choses que vous devez

  • Adobe Photoshop

Instructions

  1. 1

    Chargez vos photos dans Photoshop.

  2. 2

    Cliquez "Image" gt; "Taille de l'image" pour accéder au menu de taille d'image.

  3. 3


    Réduire la taille de l'image en introduisant de nouvelles valeurs de hauteur et largeur. Vous pouvez choisir de travailler en pixels, pouces ou tout simplement ajouter un nouveau pourcentage. La taille exacte de vos vignettes dépendra de la conception de votre site web, mais vous voulez aller pour le plus petit d'une image que possible tout en montrant le détail.

  4. 4

    Sélectionner "Fichier" gt; "Enregistrer sous" pour enregistrer une copie de l'image avec un nouveau nom de fichier. Par example, "picture1.jpg" pourraient être enregistré en tant que "picture1_thumb.jpg" à séparer les deux.

  5. 5



    Ouvrez le site Web qui permet d'afficher les vignettes. Vous pouvez faire cette page web à l'aide du logiciel de création ou en codant le HTML à la main dans un traitement de texte.

  6. 6

    Insérez la première vignette où vous voulez qu'il aille dans la page.

  7. 7

    Convertir la miniature dans un lien vers l'image en taille réelle, prête à ouvrir dans une nouvelle fenêtre (qui empêche les utilisateurs d'avoir à utiliser le bouton de retour).

  8. 8

    Continuez ce processus pour chaque image que vous souhaitez inclure.

  9. 9

    Enregistrez le fichier et de le tester dans un navigateur Web.

Conseils & Avertissements

  • Au lieu de redimensionnement de vos images, vous pouvez également recadrer une petite partie de celui-ci dans Photoshop pour servir en tant que votre vignette. Choisissez la partie la plus intéressante de l'image si vous décidez d'utiliser cette option.
» » » » Comment faire et ensuite agrandir les images miniatures sur un site web