Étiquette : refonte

Publié le par

Enregistrer des images pour le web

Les images prévues pour s’afficher sur les écrans ont une configuration différente de celle prévues pour une impression, par exemple chez un imprimeur, afin de les rendre plus légères mais tout en gardant une certaine qualité.

Les informations les plus importantes pour les images sur le web sont la résolution, le mode colorimétrique et le poids de l’image, pour bien les préparer, les logiciels spécialisés comme Photoshop ou Illustrator ont une option qui permet de les exporter et de les configurer pour les optimiser pour le web.

 

 

Sur Photoshop :

(la manipulation est la même sur Illustrator)

Étape 1

Ouvrez votre image avec Photoshop

Étape 2

Vous pouvez voir le mode colorimétrique en haut à côté du nom de l’image 

Pour le web, il est important que l’image soit en RVB (Rouge Vert Bleu), si l’image est en CMJN (Cyan, Magenta, Jaune, Noir), l’action « Enregistrer pour le web » converti automatiquement le fichier en RVB. La résolution est importante également et doit être de 72 dpi pour le web, encore une fois, l’action d’enregistrement pour le web le fera automatiquement.

Étape 3

Une fois votre image prête, vous pouvez utiliser le raccourci clavier CTRL+SHIFT+ALT+S ou vous rendre dans Ficher > Exportation > Exporter pour le web

Étape 4

Une fois fait, la fenêtre de configuration pour le web s’ouvre :

Vous avez un aperçu de votre image, au-dessus se trouve des onglets de visualisation, on peut voir que nous sommes sur Optimisé, nous voyons donc l’image telle qu’elle va être après exportation, l’onglet Original sera l’image sans les modifications, sur l’onglet 2 vignettes vous verrez l’image originale à gauche et l’image après exportation à droite, pratique pour comparer, sur l’onglet 4 vignettes l’image sera visible avec 4 niveaux de qualité différentes prédéfinies.
En bas à gauche de l’image, vous verrez le type de l’image, ici JPEG et en dessous son poids, pour certains types d’image le JPEG est plus léger que le PNG, mais votre image aura forcément un fond blanc. Si votre image contient du texte, alors le PNG est préférable pour une meilleure qualité des textes.

À droite, nous avons les paramètres d’exportation, pour faire simple, vous pouvez choisir dans la liste déroulante Paramètre prédéfini : JPEG Supérieur, si votre image doit avoir un fond transparent, choisissez PNG-24 et n’oubliez pas de cocher la case Transparence.
Si votre image de base est en CMJN, vérifiez bien que la case Convertir en sRVB est coché.
Plus bas, vous pouvez l’exporter avec les Métadonnées, la liste de choix est assez claire.
Ensuite juste au-dessous de la Table des couleurs, vous pouvez modifier la taille de l’image, pas besoin de toucher au reste des réglages qui sont pour des situations particulières.
Une fois fait, vous pouvez cliquer sur Enregistrer… et choisir le nom de l’image, pour le web il ne faut ni accent, ni espace, ni caractères spéciaux au risque qu’elle ne soit pas reconnu et ne s’affiche pas, les majuscules et les tirets « – » et « _ » sont possibles dans le nom, vous pouvez la nommer par exemple : scene-green-podiums.jpg, choisissez un emplacement où l’enregistrer, et voilà, votre image est adaptée pour le web.

DANS LE CAS OÙ VOUS N'AVEZ PAS PHOTOSHOP

Plusieurs solutions existent si vous n’avez pas de logiciels professionnels, vous pouvez télécharger Gimp, un logiciel similaire à Photoshop, mais qui est gratuit, beaucoup de tuto existent pour optimiser ses images.

Une autre solution gratuite est Photopea sur le site www.photoshop-en-ligne.com, pour exporter les images pour le web, il suffit de cliquer sur Fichier > Exporter en tant que > et choisir entre JPG, PNG, etc. selon votre projet final.

Publié le par — Laisser un commentaire

Les formats de bannières publicitaires

Les bannières publicitaires sont un moyen populaire pour les annonceurs de promouvoir leurs produits ou services en ligne. Elles peuvent être placées sur des sites web, des réseaux sociaux, des applications mobiles et d’autres plateformes en ligne. Les bannières publicitaires sont disponibles dans différents formats, chacun offrant des avantages et des inconvénients en termes de taille, de design et de coût.

Voici un aperçu des principaux formats de bannières publicitaires  :

  1. Leaderboard : C’est le format le plus courant de bannière publicitaire. Elle mesure généralement 728 pixels de largeur sur 90 pixels de hauteur, et peut être placée en haut d’une page web. Les bannières Leaderboard sont souvent utilisées pour la promotion d’une marque ou pour une campagne publicitaire à long terme.

  2. Rectangle : Les bannières rectangulaires mesurent généralement 300 pixels de largeur sur 250 pixels de hauteur, ou 336 pixels de largeur sur 280 pixels de hauteur. Elles peuvent être placées sur le côté d’une page web, ou au milieu du contenu. Les bannières rectangulaires sont populaires car elles offrent suffisamment d’espace pour afficher du contenu créatif.

  3. Skyscraper : Les bannières Skyscraper sont souvent utilisées pour les publicités verticales. Elles mesurent généralement 120 pixels de largeur sur 600 pixels de hauteur ou 160 pixels de largeur sur 600 pixels de hauteur. Les bannières Skyscraper peuvent être placées sur le côté d’une page web, offrant suffisamment d’espace pour afficher du contenu créatif tout en étant visuellement attractives.

  4. Carré : Les bannières carrées sont généralement de petites tailles, mesurant 250 pixels de largeur sur 250 pixels de hauteur ou 200 pixels de largeur sur 200 pixels de hauteur. Elles sont souvent placées dans le contenu d’une page web, offrant un bon rapport qualité-prix.

  5. Bannière pleine page : Les bannières pleine page sont des publicités qui occupent l’ensemble de l’écran de l’utilisateur, souvent utilisées pour les publicités mobiles. Elles offrent suffisamment d’espace pour afficher des images ou du contenu créatif attrayant.

  6. Interstitielle : Les bannières interstitielles sont souvent utilisées pour les publicités mobiles. Elles s’affichent à l’écran pendant un certain temps avant de disparaître, offrant suffisamment de temps pour que l’utilisateur puisse visualiser le contenu de la publicité.

En conclusion, les bannières publicitaires offrent une variété d’options pour les annonceurs en termes de format, de taille et d’emplacement. En choisissant le format qui convient le mieux à leur campagne publicitaire, les annonceurs peuvent atteindre efficacement leur public cible et atteindre leurs objectifs de marketing.

 

 

 

Nous contacter pour votre kit de com
Publié le par — Laisser un commentaire

Qu’est que du lorem ipsum

Le Lorem Ipsum est un texte fictif utilisé par les professionnels du design graphique, les développeurs de sites web et les éditeurs pour remplir temporairement les zones de texte d’un design ou d’une maquette. Ce texte est utilisé pour simuler le contenu d’un texte réel lors de la création d’un design ou d’une mise en page.

Le Lorem Ipsum a été créé à l’origine en latin au XVIe siècle par un imprimeur pour remplir des espaces vides dans des maquettes de livres. Il est composé de mots latins aléatoires et a été popularisé dans les années 1960 grâce à son utilisation dans l’industrie de l’impression et de la publication.

Le Lorem Ipsum est également utilisé dans les logiciels de mise en page, pour simuler le contenu d’un texte réel lors de la création de maquettes de pages. Les designers utilisent le Lorem Ipsum pour évaluer la façon dont le texte s’intégrera dans un design et pour déterminer la taille et la forme de la zone de texte.

Aujourd’hui, il existe de nombreuses variantes du Lorem Ipsum disponibles en ligne, ainsi que des générateurs de Lorem Ipsum qui permettent de générer des textes aléatoires de différentes longueurs et formats pour remplir des maquettes ou des designs.

Publié le par — Laisser un commentaire

Refonte site web, quand et pourquoi ?

Tout d’abord, qu’est-ce qu’une refonte ?

Cela permet de le moderniser graphiquement, de mettre votre site internet au goût du jour, mais pas seulement. La refonte d’un site web se fait de fond en comble, du code jusqu’au design, cela permet d’améliorer l’ergonomie, d’ajouter de nouvelles fonctionnalités pour une visite plus agréable ce qui donnera avec le temps de meilleurs résultats commerciaux en travaillant sur l’amélioration des performances SEO.

On peut faire la refonte de son site soi-même, mais il est important de noter que la moindre erreur pourrait avoir un impact sur la performance du site et avec le temps, sur les résultats commerciaux. La meilleure des solutions est de confier le projet à une agence qui aura les compétences et les connaissances pour assurer l’efficacité de ce changement.

Afin d’éviter la fuite des visiteurs, soit par un site trop lent, ou trop vieillot, il ne faut pas hésiter à investir dans un design des plus moderne, si le client se sent bien et que la circulation est fluide, il aura plus de chance à passer à l’acte d’achat ou au contact selon votre activité.

Pourquoi faire une refonte de son site internet ?

Le design est obsolète

Que vous l’ayez fait vous-même avec les moyens du bord ou confié à une agence il y a des années, il est grand temps de le moderniser avec un nouveau design et de nouvelles fonctionnalités qui donnera un plus et vous démarquera de vos concurrents. Une grande majorité des visiteurs de site internet avouent porter un jugement sur la crédibilité d’une entreprise en se basant sur la conception de leur site web.

La rapidité et le responsive

Un site internet doit être lisible sur tous les appareils, aussi bien sur un écran d’ordinateur que sur tablette et mobile, c’est ça le responsive. Les internautes étant de plus en plus sur leur smartphone, il est indispensable de faire adapter son site internet sur mobile et de penser à la vitesse de chargement des pages.

Le référencement

Votre site est tout beau tout neuf, mais une étape reste importante et c’est le SEO, c’est-à-dire le référencement sur les moteurs de recherche, ce qui permettra aux utilisateurs de vous trouver facilement sur Internet. Le SEA (achat de mots-clés) est possible, mais le référencement naturel est efficace sur du long terme et ne nécessite pas d’achat. Il se travaille dès le code jusqu’au contenu de votre site : les url uniques, la hiérarchisation, le maillage interne et les balises du code sont importants, le contenu également être optimisé pour le référencement, utiliser les bons termes aux bons endroits et ne pas abuser des mots-clés un peu partout en croisant les doigts et en risquant de répéter les mêmes mots dans une même page.

POUR RÉSUMER

La refonte d’un site est la meilleure occasion d’optimiser au maximum votre site web, de plus, si vous n’avez pas encore migré vers le HTTPS, la refonte de votre site est le moment d’en profiter pour le faire, cela augmentera votre crédibilité et la confiance des utilisateurs, mais aussi le référencement de votre site.