Comment faire et agrandir les images miniatures sur un site web

<

Contenu

  • Conseils & avertissements
    • article data-type="article">
    Cette image est une vignette. Cliquez sur ce lien pour la version pleine grandeur.

    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. En raison de cela, vous voulez que votre page à charger le plus rapidement possible. Certains des plus grands tueurs de vitesse sur une page web sont de grandes images. Si vous avez beaucoup d`images à 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

    • Chargez vos photos dans Photoshop.

    • Cliquez "image" gt; "Taille de l`image" pour accéder au menu Taille de l`image.




    • Réduire la taille de l`image en introduisant de nouvelles valeurs de hauteur et de 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.

    • Sélectionner "Fichier" gt; "Enregistrer sous" pour enregistrer une copie de l`image avec un nouveau nom de fichier. Par exemple, "picture1.jpg" peut être enregistré en tant que "picture1_thumb.jpg" de garder les deux séparés.

    • Ouvrez le site Web qui permettra d`afficher les vignettes. Vous pouvez faire cette page web en utilisant le logiciel de création ou en codant le HTML à la main dans un traitement de texte.

    • Insérez la première vignette où vous voulez aller dans la page.

    • 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).

    • Continuez ce processus pour chaque image que vous souhaitez inclure.

    • 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.
    Technologie / Web design & développement / Création de sites web

    AUTRES

    Comment créer une vignette фото

    Comment créer une vignette

    La meilleure façon de prévenir votre site Web de charger lentement, quand il y a beaucoup d`images à afficher, est…

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