Multimédia

Vidéo d’ arrière-plan : Six astuces pour réussir

Vidéo d’ arrière-plan : Six astuces pour réussir 0


Écrit et publié par : Éric St-Gelais.

Sources : Éric St -Gelais Web Design & Intégration Multimédia , https://graphiste.com

Image à la Une : courtoisie de  
Emailing.biz


Je ne vous ai jamais parlé de la vidéo d’ arrière-plan pour votre site Web ? Je vais tenter de vous démontrer avec quelques exemples simples qu’utiliser la vidéo en arrière-plan de votre site Web pouvait être un atout quasi incontournable afin de vous démarquer de votre concurrence et propulser vos internautes dans une expérience indescriptible.

Après ceci me croirez-vous ? Maintenant je vous offre quelques trucs simples afin de propulser votre vidéo d’ arrière-plan sur votre site Internet et ainsi impressionner vos visiteurs.


1. Demeurez cohérent

Si vous désirez diffuser une vidéo en arrière-plan de votre site Web, demeurez cohérent avec votre domaine. Il ne faut pas mettre n’importe quoi simplement pour animer votre site.

Vous avez ainsi la possibilité de placer en avant votre clientèle, votre place d’affaires, vos produits et services, votre image de marque ou encore vos valeurs par cette vidéo d’ arrière plan.

Vidéo arrière-plan cohérence

2. Sélectionnez une vidéo d’ arrière-plan courte

La longueur et la grosseur de votre clip vidéo vont avoir une grande influence sur la durée de chargement de toutes vos pages. Néanmoins, ceci n’est plus un grand secret. Le temps de chargement a un immense impact sur la qualité de l’expérience des internautes ainsi que le référencement
(SEO) et le positionnement de votre site Web sur les principaux moteurs de recherche.

Misez sur un clip vidéo d’une durée de 15 et 30 secondes afin d’obtenirenir un bon temps de chargement.


3. Surveillez la vitesse de votre clip vidéo

Si votre clip vidéo défile trop rapidement, les visiteurs seront perturbés et la lecture du contenu sera difficile pour ceux-ci. Vous risquez grandement de le faire fuir en quatrième vitesse.

Choisissez plutôt un clip vidéo assez lent, avec des transitions de plan doux, pour ne pas trop détourner l’attention de l’internaute.

Arrière-plan vidéo lente

Mais en revanche, selon les émotions que vous désirez démontrer à vos visiteurs, vous pouvez choisir une vidéo plus dynamique avec des transitions bien tranchées. Souvenez-vous, l’arrière-plan ci-dessous réussi à susciter la curiosité par son clip vidéo d’ arrière-plan. Toutefois, prenez note, qu’aucun texte n’est superposé durant cette vidéo.

Vidéo arrière-plan dynamique


4. Supprimez le son de votre clip vidéo d’ arrière-plan

Il vous ait surement déjà arrivé de naviguer sur un site Internet et d’entendre le son d’un clip vidéo sans que vous sachiez d’où il provient ? C’est tannant n’est-ce pas ?

Si votre vidéo d’arrière-plan est visible dès le départ, je vous conseille grandement de supprimer le son.

Votre visiteur ne désire pas être dérangé pendant sa lecture et sa navigation sur votre site. À lire aussi : L’usage du son en webdesign


5. Songez au contraste

Tel son nom l’indique, un clip vidéo d’ arrière-plan doit se positionner… en arrière-plan. Il ne doit pas devenir l’avant-plan, donc pas prendre le dessus sur le contenu principal.

Si vous désirez superposer du texte sur votre clip vidéo, assurez-vous qu’il y ait suffisamment de contraste pour que votre contenu demeure lisible en tout temps.

  1. Pour votre texte : choisissez une couleur et une typographie adaptées, qui se détachent suffisamment de votre clip vidéo.
  2. Pour votre vidéo :  vous pouvez modifier la luminosité, en l’assombrissant si votre texte est de couleur claire ou en l’éclaircissant si votre texte est de couleur foncée.
Contraste vidéo d'arrière-plan

6. Prévoyez une image de substitution

Le saviez-vous ? Les smartphones et tablettes ne prennent pas encore en charge les vidéos d’arrière-plan.

Selon lacouleur de fond d’écran que vous aurez sélectionnée par défaut sur votre page Internet et/ou votre site Web, votre contenu risque d’être illisible, voire invisible même, depuis l’un de ces supports.

Sélectionnez une image dans les mêmes tons, thème, ou même une capture de votre vidéo. Tout ceci, afin de remplacerle clip vidéo lorsqu’il ne pourra pas être visionner.


En suivant mes conseils, vous pourrez ajouter du dynamisme à votre site Internet sans trop détourner l’attention et faire déguerpir les internautes.


Vous avez des questions ou des commentaires sur ce sujet ?
N’hésitez donc pas à compléter notre article avec vos propres conseils en commentaires 
Laissez-nous vos commentaires ci-dessous.


Marketing vidéo : Six utilisations gagnantes

Marketing vidéo : Six utilisations gagnantes 0

Écrit et publié par : Éric St-Gelais.

Sources : Éric St -Gelais Web Design & Intégration Multimédiahttps://www.codeur.com, https://www.iswissweb.com

Image à la Une : courtoisie de 
Éric St -Gelais Web Design & Intégration Multimédia


Il existe plusieurs méthodes d’intégrer la vidéo dans votre contenu marketing numérique. Vous êtes en panne d’inspiration ? Pas de stress, je vous dévoile aujourd’hui 6 façons afin d’utiliser la vidéo dans votre content marketing numérique.

Depuis que 62 % des recherches sur Google incluent une vidéo, ce sont tous les jours, près de 4 milliards de vidéos qui sont regardées sur la plateforme Youtube. Devant ces chiffres, il est très difficile de les ignorer et aussi ignorer l’importance de ce format pour votre stratégie de contenu  numérique!

1. Pour présenter ses produits

Avec la vidéo, vous pouvez plus aisément présenter vos produits à de nouveaux prospects.

Il vous suffit simplement de les présenter dans le quotidien des usagers et de les filmer sous toutes leurs coutures. L’internaute pourra ainsi bien mieux analyser votre produit et se voir avec, ce qui influencera souvent positivement sa décision d’aquérir votre produit.

Exemple : sur sa chaîne YouTube, Samsung propose des vidéos pour chacun de ses produits de télécommunication mobiles. Les aspects et caractéristiques positives de chaque produit sont mises en image, en valeur et ont un seul objectif qui est d’amener l’internaute à l’acheter.




2. Afin de diffuser sa nouvelle campagne storytelling

Le storytelling se défini comme l’art de faire la promotion d’une entreprise ou d’un produit avec une histoire souvent banale. C’est une méthode publicitaire bien ancrée dans les nouvelles habitudes de consommation, qui mise sur les émotions et valoriser certaines valeurs humaines, plutôt que des caractéristiques techniques du produit.


Axa utilise très bien le storytelling : avec une petite dose d’humour, l’entreprise fait subtilement la promotion de ses services d’assuranc

3. Afin d’éduquer ses prospects et clients

Si vous évoluez dans un secteur technique, la vidéo peut vous servir à vulgariser votre activité et éduquer votre auditoire.

Avec l’aide d’un simple clip ludique où des schémas s’animentet bougent tout en couleurs vives, vous avez le pouvoir de faire comprendre des concepts difficiles à appréhender pour Monsieur tout le monde.

Exemples : Thales est une industrie spécialisée dans la défense, l’aérospatiale et la sécurité de niveau mondial. Une activité qui parle peu au commun des mortels ! Afin de rendre accessible à tous ses prestations en les vulgarisant, l’entreprise propose souvent des animations afin d’expliquer ses nouveaux projets.


4. Publiez, proposez des tutoriels pour vos clients et prospects

La plus grande qualité de la vidéo est de diffuser les informations nécessaires de façon simple et très imagée. La vidéo peut donc servir pour de la formation, pour que vos clients et même vos employés sachent entièrement utiliser vos produits ou services.

Publiez des tutoriels simples et sympathiques afin que vos auditeurs tirent profit de leurs achats et augmentent leur satisfaction ! Cela les encouragera à se fidéliser et surtout à vous recommander auprès de leur proche.


Sephora utilise cette méthode et offre à ses clientes plusieurs tutoriels pour apprendre à bien se maquiller. Sephora les amène ainsi à se servir des produits proposés en magasin.

5. Faîtes visiter les coulisses de votre entreprise

Rendre humain ses sujets et contenus demeure toujours une technique payante ! Les utilisateurs adorent bénéficier de contenus en exclusivité, qui leur permettent de mieux appréhender votre entreprise et prendre une décision.

Ainsi, pourquoi ne pas leur faire visiter votre usine ou vos bureaux ? Présentez-leur les équipements utilisés pour vos produits ou les équipes qui travaillent sur le développement de vos services et votre service à la clientèle.

Tout ceci permet de s’appuyer sur leur besoin d’appartenance et d’augmenter leur sympathie pour votre marque de commerce.

Exemple : la compagnie Airbus n’hésite pas à montrer l’intérieur de ses installations et la façon dont sont assemblés les avions.

6. Faîtes la présentation et interviewer vos collaborateurs

Voici le dernier format de vidéos que vous pouvez publier. Il consiste en des interviews de collaborateurs de votre entreprise. Laissez-les s’exprimer sur leur métier, exposer leurs connaissances et leur implication au quotidien dans l’amélioration du produit/service que vous proposez.

Ce genre de vidéo a l’objectif d’humaniser vos communications, en présentant les collaborateurs, les artisans de l’entreprise, tout en valorisant votre expertise.

Face à des experts sûrs d’eux, qui démontrent leur connaissance du marché, les prospects se sentiront immédiatement rassurés sur votre professionnalisme.

Exemple : Leroy Merlin laisse ses employés s’exprimer pour présenter leur profession et leurs missions au jour le jour. C’est un genre d’interview qui fonctionne bien afin de mettre en valeur le savoir-faire et diffuser les valeurs de vos produits et services.


Vous avez des questions ou des commentaires sur ce sujet ?

N’hésitez donc pas à compléter notre article avec vos propres conseils en commentaires 🙂

Laissez-nous vos commentaires ci-dessous.

Vidéo sur Facebook : 7 astuces pour les réutiliser

Vidéo sur Facebook : 7 astuces pour les réutiliser 0

Écrit et publié par : Éric St-Gelais.
Sources :Éric St -Gelais Web Design & Intégration multimédia, https://codeur.com, https://marketingland.com, https://digiday.com
Image à la Une : courtoisie de Éric St -Gelais Web Design & Intégration multimédia

La vidéo sur Facebook : faire l’usage des médias sociaux est devenu un incontournable afin de se faire connaître et remarquer auprès des internautes. Évidemment, une présence sur un média social comme Facebook est nécessaire.

Votre ligne éditoriale et votre calendrier doit comprendre des vidéos publiées sur d’autres plateformes populaires (YouTube, Vimeo, votre propre site internet même, etc. …) ?

Il faut savoir qu’il y a des règles à suivre afin de les publier également sur Facebook et atteindre vos buts et objectifs.


Effectivement, vous devez asbsolument adapter votre vidéo aux spécificités du média social. Comment l’adapter au mieux ? Voyez mes sept astuces !


1 : Choisir un bon titre percutant et écrire une petite description

Toute vidéo publiée sur FB doit absolument posséder un titre. Ce titre se doit d’être court tout en étant net, précis, explicite et percutant.

Il est impératif que votre titre soit accompagné d’une petite description de la vidéo, elle est aussi percutante et amène à la curiosité.

Ces simples informations encouragent les usagers à visionner en entier la vidéo dès qu’elle apparaît dans le fil d’actualité, mais aussi dans la partie « vidéos » de votre profil.


2 : Choisir la bonne durée de vidéo

Sur les médias sociaux, on surfe, on roule, nous recherchons presque tous l’instantannéité ! Autrement dit, on ne s’éternise pas.

Les usagers de Facebook, qu’ils soient sur téléphone intelligent, tablette ou sur leur PC et leur Mac, passent sur chaque contenu à une vitesse indescriptible, surtout s’ils ne recherchent rien en particulier.

En revanche sur YouTube, les utilisateurs viennent pour visionner de la vidéo. Ils acceptent plus facilement les clips de longue durée.

Maintenant, les vidéos démarrent automatiquement sur Facebook. Elles peuvent être perçues comme une nuisance, surtout si elles durent trop longtemps.


Mon conseil

Pour ne pas être passée avant même d’être regardé, vous devez réduire la durée de votre vidéo à environ 30 secondes.


3 : Un début attirant l’attention

Comme je viens de le mentionner, les clips sur FB se démarrent automatiquement.

Afin d’attirer une bonne audience, il est impératif de réaliser une introduction très percutante.

Il faut moins de trois secondes à un internaute pour se décider à poursuivre le visionnement d’une vidéo !


4 : Placer des sous-titres sur vos vidéos

Sur Facebook, 85 % des vidéos sont visionnées sans activer le son.

Vous devez donc ajouter des sous-titres afin de faciliter leur compréhension et inciter à l’action ! Ceux-ci sont  indispensables afin de faire passer votre message.

5 : Ajouter des graphiques

Parce que plusieurs personnes n’écouteront pas la bande-son de votre vidéo, vous devrez y inclure des visuels, tels des graphiques, des schémas ou des infographies.

Clairs, nets et précis, ils aident grandement à une meilleure compréhension de votre message.

6 : Choisir la bonne image en vignette miniature

Toutes vidéo possède une vignette associée.

Bien évidemment, cette vignette doit attirer l’œil et encourager l’internaute à cliquer pour voir la vidéo, surtout s’il se rend dans la section “vidéo” de votre page.


7 : Choisir un format carré de votre vidéo sur Facebook

Les vidéos destinées à être publiées sur Facebook doivent idéalement avoir un format carré.

Ainsi, elles seront plus agréables à regarder sur tous les supports. Les utilisateurs de smartphones n’auront pas à incliner leur téléphone. C’est un détail, mais ça compte !

En respectant ces bonnes pratiques, vos vidéos Facebook auront une meilleure portée et susciteront l’engagement. Vous pourrez alors accroître votre visibilité… et vos conversions !


Vidéo d’entreprise : Six bonnes raisons d’en créer une

Vidéo d’entreprise : Six bonnes raisons d’en créer une 0

Écrit et publié par : Éric St-Gelais.
Sources : Éric St -Gelais Web Design & Intégration Multimédia, https://graphiste.com,
Image à la Une : courtoisie de http://gogetas.com/video-production/

Vidéo d’entreprise : afin que votre entreprise se démarque des autres et surtout de votre concurence. Vous avez surement déjà effectué plusieurs actions : site Web, présence sur les médias sociaux et diversification de vos communications et publicité.

Cependant, utilisez-vous assez la vidéo ? Je ne le mentionnerai jamais assez, nous sommes maintenant entrés dans l’ère de l’image et de la vidéo. Vous vous devez donc exploiter ce filon comme support le plus possible. C’est votre image de marque.

Plusieurs types de clips vidéos existent, mais je vais me pencher sur la production de vidéos d’entreprise.

En premier lieu : Qu’est-ce qu’une vidéo d’entreprise ?

Comme son appellation, la vidéo d’entreprise (ou film corporate) vous permet de présenter votre entreprise. Vous pouvez mettre en valeur vos produits, vos services, votre histoire, vos activités, vos valeurs etc. Mais l’objectif principal, est de communiquer avec les gens.

Il suffira d’établir votre stratégie. Vous pourrez utiliser votre vidéo aussi bien pour votre communication à l’interne qu’à l’externe. Cependant, quoi qu’il en soit, elle ne devra pas s »éterniser plus de 5 minutes. La vidéo d’entreprise doit être courte, originale, claire, nette et facile à comprendre et à mémoriser.


Pourquoi créer une vidéo d’entreprise ?

Plusieurs situations se prêtent à la création d’une vidéo d’entreprise, voici six bonnes raisons.

1. Valoriser votre image avec une vidéo d’entreprise

Avec une bonne réalisation, votre vidéo d’entreprise vous procurera toujours une meilleure image  auprès du public.

Chef de fil de votre communication, vous utiliserez votre vidéo afin de promouvoir vos activités auprès de potentiels investisseurs, mais également dans un dossier de presse, dans un kiosque d’un salon ou encore en introduction d’un événement important pour votre entreprise.

Vous démontrerez ainsi une image des plus moderne et très dynamique.

2. Une vidéo d’entreprise afin d’aquérir plus de prospects

De nos jours, les internautes n’ont plus de temps à perdre. Ils désirent fortement obtenir l’information le plus rintantannément possible. Alors même si vous avez prévu des parties où vous présentez votre activité et vos valeurs sur votre site Internet, tous vos visiteurs ne prendront pas le temps de lire vos textes.

Une bonne vidéo bien amené sur votre page d’acceuil attirera beaucoup plus l’attention des internautes. Car c’est un support puissant qui offre une meilleure assimilation de l’information.

Ainsi, votre vidéo d’entreprise obtiendra encore plus d’internautes et de plus, vous pouvez la partager en toute facilité sur vos médias sociaux. Ajoutez un call-to-action et ce sont de nombreux visiteurs qui se transformeront potentiellement en de futurs clients.

De plus est, si votre storyboard est bien ficelé, votre vidéo deviendra très vite virale.

3. Une vidéo d’entreprise pour améliorer votre référencement

Votre présence (qualitative et quantitative) sur Internet est un facteur important pour votre référencement naturel. Or, comme nous venons de le voir, une vidéo d’entreprise peut se partager sur de nombreux supports, permettant ainsi d’accroître considérablement votre visibilité.

Depuis 2014, Google a la volonté de proposer aux internautes des contenus de qualités et multimédias. Vous aurez d’ailleurs remarqué que Google propose différents types de résultats : texte, images et vidéos, la vidéo occupant une place plus importante sur votre écran.

4. Une vidéo d’entreprise afin de trouver des employés

Elle peut facilement tout à fait être utilisée pour votre recrutement.

À côté de vos annonces sur les différents sites d’emploi, vous pouvez par exemple poster votre film corporate sur les réseaux sociaux en indiquant le profil recherché.

Votre visibilité sera plus forte et vous attirerez donc plus de gens et surtout de plus nombreux talents.

5. Une vidéo d’entreprise pour  aider vos commerciaux

Lorsque vos commerciaux se rendront sur le terrain, ils auront en leur possession un outil puissant pour se présenter.

Votre vidéo d’entreprise sera gage de sérieux et renverra une image de qualité auprès de vos prospects.

6. Une vidéo d’entreprise pour faire des économies

Pour obtenir une vidéo d’entreprise de qualité il faut parfois savoir mettre la main au portefeuille, mais n’oubliez pas que vous ferez ensuite de nombreuses économies.

Votrevidéo corporative pourra en effet remplacer vos pamphlet ou tout autres types de publication imprimée.

N’oubliez surtout pas également que le coût de la diffusion sur Internet est  peu onéreuse compativement aux médias traditionnels. Vous pourrez ainsi mieux communiquer  et à une grande échelle, sans dépenserdes sommes astronomiques.

Finalement, la vidéo d’entreprise peut même se recycler. Vous pourrez la réutiliser autant de fois que vous le désirez sur différents types de médias.


Vous avez des questions ou des commentaires sur ce sujet ?

Laissez-nous vos commentaires ci-dessous.


Jeux vidéos : L’impact sur vos enfants

Jeux vidéos : L’impact sur vos enfants 0

Article écrit et publié par : Éric St-Gelais
Sources: https://neurogymtonik.com http://www.20minutes.fr, Éric St Gelais Web Design & Multimédia
Image à la Une courtoisie de : http://www.ionik.fr

Saviez-vous qu’une famille de deux enfants et plus, jouent 4 à 6 heures de jeux vidéos par jour ?

Comme touts parents, les nouvelles technologies peuvent être utile afin de remplir des moments d’attente et faciliter les fameuses transitions, par exemple ; la préparation des repas, le matin à l’habillage, dans la voiture, à la fin d’un repas au restaurant ou dans une salle d’attente.

Avez-vous remarqué que le comportement de votre enfant change lorsqu’il passe plusieurs heures à avoir les yeux sur des jeux vidéos?


 » Restes calme, maman ! C’est seulement un jeu vidéo ! »

Oui, ce sont seulement des jeux vidéos. Cependant, à long terme, en jouant continuellement, les risques qui peuvent en surgir sont inquiétants.

Les réactions possibles à l’abus de jeux vidéos :

  1. Peut vivre de l’anxiété, l’agitation, de l’angoisse, et de l’insécurité ;
  2. Manque de discernement, de jugement ;
  3. Éprouve de la difficulté à différencier le jeu de la réalité, à comprendre que ces actes ont des conséquences et peuvent blesser les autres ;
  4. Cherche la facilité. Manque d’attention et de persévérance lors des devoirs et tâches scolaires
  5. Devient impulsif et réagit fortement à la contrainte ;
  6. Ressens une faible estime de lui et une baisse de la confiance en soi ;
  7. Obésité ;
  8. Et même, dans des cas majeurs, on peut retrouver des cas de dépression et même des pensées suicidaires ;
  9. À des propos négatifs, est rigide, s’oppose et éprouve un manque de motivation ;
  10. À des défis pour développer des habiletés sociales et entretenir des liens positifs avec ses pairs et les adultes.

Ayons conscience des impacts que l’exposition trop grande aux jeux vidéos peut avoir sur le cerveau de vos jeunes enfants et de ses effets morbides et négatifs sur leur développement. L’enfant qui est souvent très passif devant un écran quelconque, ne peut pas se fabriquer de nouvelles connexions neuronales. Parce que, pour pouvoir bien évoluer afin de mieux comprendre son environnement, son cerveau a besoin que l’enfant ne soit pas sédentaire et qu’il se doit d’être en action et en mouvement.


Que voulons-nous pour nos enfants ?

Et si on prenait le temps pour se poser des questions sur ce que nous voulons vraiment. Pour nous et notre progéniture? Est-il légitime de croire qu’en voulant toujours aller de plus en plus vite, nous perdons tout contact avec la réalité de la vraie vie et ses réels petits plaisirs, comme se parler face à face, avoir de beaux contacts chaleureux, prendre notre temps afin de respirer et de bien penser avant de dire des sottises et ne pas se laisser mener par l’impulsivité et de le regretter longtemps?


Nouvelle vie ?

Montrez à vos amours que vous n’avez pas une deuxième chance d’obtenir une nouvelle vie. Dites-lui qu’il n’a droit qu’à un seul tour de manège. La vie que tu détiens est précieuse et unique, inestimable. Dans le concret, lorsque tu manques ton coup et que tu tombes, ça fais vraiment mal. Lorsque vos enfants posent de drôle de gestes ou écrivent des messages douteux sur les réseaux sociaux, vous devez leur faire prendre conscience qu’il y a de vrais  impacts sur la vie des gens visés. Vous devez mettre des limites nettes, précises et claires, les respecter et surtout, appliquer les conséquences appropriées.

**** Imposez des limites nettes, précises et claires, les respecter et surtout, appliquer les conséquences appropriées… ****


Enfin bref, jeux vidéos ou pas, tout est une question d’équilibre!

Pour finir, je crois qu’il faut retenir que tout est dans l’équilibre. Permettez sur des plages horaires limitées pour l’utilisation des jeux vidéos et…  Respectez-les! Demeurez alertes et vigilants autant sur les contenus regardés des jeux vidéos, mais aussi leurs réseaux sociaux.


Vous avez des questions ou des commentaires sur ce sujet ?

Laissez-nous vos commentaires ci-dessous.

Photos gratuites :12 sites de photos libres de droits

Photos gratuites :12 sites de photos libres de droits 0

Écrit et publié par : Éric St-Gelais.
Sources : Éric St -Gelais Web Design & Intégration Multimédia, https://www.codeur.com, 
Image à la Une : courtoisie de Freepik

Bien illustrer ses contenus sur Internet est essentiel. Car les internautes sont très sensibles aux images !

Que ce soit sur vos média sociaux, votre blogue, ou votre site Web, les images et les photos gratuites portent un message fort sur vos publications, ils attirent l’attention et jouent un grand rôle sur l’action. Ce sont eux qui donneront le goût aux internautes de suivre votre lien ou d’aller plus loin dans leur navigation.

Afin de trouver de belles photos, inutile de payer un photographe, un graphiste, enfin bref, une fortune ! Il existe sur le Web des banques d’images gratuites et libres de droits et parfaitement exploitables gratuitement et sans risque de poursuite.

Éric St-Gelais Web Design & Intégration Multimédia  a choisi pour vous 12 sites qui feront votre joie.


1. Pixabay

Avec plus de 860 000 photos totalement libres de droitsPixabay est une référence. Tous y est gratuitement offert et disponible à une utilisation libre de droit. La grande qualité est au rendez-vous, tout comme la variété. De plus, il n’est pas obligatoire de s’inscrire pour télécharger les photos.

pixabay-photos-gratuites-1024x390


Besoin d’un rédacteur pigiste ?
Contactez-moi gratuitement pour vous aider


2. Freepik

Freepik est en premier lieu un site de ressources graphiques, mais il contient tout de même plus de 200 000 photographies de qualité et gratuites.

Grâce aux contenus de Freepik, vous pouvez illustrer un site Internet, créer une brochure, un magazine, un pamphlet, une infographie, une publication de blogue ou sur les médias sociaux, etc. Les images et photos sont surtout destinés aux graphistes et aux Web designers, mais elles demeurent disponibles pour tous.

freepik-photo-gratuite-1024x616


3. Unsplash

Maintenant au Canada, la banque d’images Unsplash regroupe plus de 25 000 photographes qui alimentent ponctuellement ou régulièrement le site. Les startups en abusent pour leur site web comme pour leur support papier.

Seulement pour le plus grand plaisir de vos yeux, cette banque est à découvrir ! Sachez que tout le monde peut profiter des sublimes photos d’Unsplash pour un usage commercial ou personnel.

unsplash


4. Pexels

Pexels est un répertoire d’images qui se démarque par la grande qualité de ses photos. Celles-ci sont toutes libres de droits et compatibles avec une utilisation commerciale.

Bien qu’il n’y ait “que” 25 000 photos, il est difficile de faire son choix parmi les beaux clichés colorés, contemporains et parfaitement en accord avec les besoins du Web d’aujourd’hui.

pexels-photo-libre-1024x376


5. FreeJPG

FreeJPG est une banque d’images et de photos qui propose plus de 11 000 photos très actuelles et de très bonne qualité.

Pour trouver les images qui illustreront mieux vos contenus sur Internet, vous pouvez choisir dans plus de 20 catégories différentes (animaux, architecture, paysage, médical, amour, musique, sport…) !

Cette plateforme vous offre la possibilité de faire des tris par couleur. Très utile, Freejpg est un atout certain afin de bien illustrer le contenu de votre blogue ou vos médias sociaux.

freejpg-images-gratuites-1024x393


6. Wikimedia Commons

Wikimedia Commons est une énorme banque de médias propulsée par la célèbre encyclopédie Wikipédia. Elle contient plus de 36 millions d’images et photos gratuites, de sons et de vidéos. De quoi trouver un contenu multimédia dont vous avez besoin, et c’est libre de droit et entièrement gratuit

wikimedia-commons-images-libres-1024x680


7. Freeimages

Freeimages vous offre  400 000 photos gratuites et illustrations  sur des thèmes variés (et triées dans 26 catégories différentes).

Photos gratuites de qualité, images détourées, dessins : les contenus sont très variés et s’adressent à l’ensemble des professionnels du Web et la population.

L’inscription est obligatoire pour télécharger.

freeimages-photos-gratuites-1024x457


8. Stockvault

Stockvault est une petite banque de qualité comptant un peu moins de 100 000 photos gratuites et  libres de droit et accessibles pour tout les types de projet.

C’est possible d’y trouver des photos, des graphiques et des illustrations de qualité. Grâce à ceux-ci, il est facile de réaliser autant un site Web qu’une brochure commerciale.

La grande variété est la force de cette plateforme sur laquelle la navigation et la sélection des thèmes sont très simples et conviviaux.

stockvault-photos-libres-droit-1024x455


9. Gratisography

Gratisography est une banque de photos très créatives et sans aucun copyright. À voir absolument!

gratisography


10. IM Free

Sur le site IM Free vous y trouverez des images gratuites pour le Web Design ou la création multimédia en tous genres. Vous devrez simplement seulement attribuer aux photos le crédit à leurs auteurs respectifs afin de pouvoir les utiliser.

banque-images-gratuites-14


11. New Old Stock

New Old Stock est un répertoire d’images du domaine public, pour la plupart assez anciennes ou vieillottes même. Parfaites si vous voulez donner un côté vintage à vos visuels. Les photos gratuites sont au minimum disponibles gratuitement pour un usage personnel et non commercial

banque-images-gratuites-15


12. Picography

Picography déborde de photos artistiques de grandes qualité que vous pouvez utiliser comme vous le voulez! Bien entendu, tout à fait gratuitement.

banque-images-gratuites-16


Vous avez des questions ou des commentaires sur ce sujet ?

Laissez-nous vos commentaires ci-dessous.

Sites Web: 5 raisons qui prouvent de ne pas le concevoir vous-même

Sites Web: 5 raisons qui prouvent de ne pas le concevoir vous-même 0

Sites Web: 5 raisons qui prouvent de ne pas le concevoir vous-même


Article écrit & publié par : Éric St-Gelais.
Source : https://www.bjmedia.ca, Éric St-Gelais
Image à la Une:  ©Éric St-Gelais Web Design & Intégration Multimédia

Il peut être attirant de vouloir faire son site web, surtout avec le nombre de site annonçant qu’il est possible de réaliser un site Web gratuitement. Bien sur, vous avez probablement songé à cette option, car vous recherchez la gratuité.

Construire son site Internet seul, semble être une option simple et rapide, efficace et gratuite, cependant, vous êtes dans le champs, c’est souvent l’opposé qui survient et je vous en nomme les raisons.


1. Le coût

Malgré que plusieurs sites Web vous proposent de bâtir votre plateforme  gratuitement, la vérité est que cela est faux.  Il ne faut pas négliger tout le temps consacré à la création et la maintenance de ce celui-ci qui représente des frais pour l’entreprise.

Un site «gratuit» signifie que vous allez débuter avec un essai gratuit avant de vouloir des frais mensuels. À ce moment, vous devrez vivre avec le logo ou de la publicité illicite du constructeur de votre site sur votre site Internet à vous (souvent des publicités qui mènent vers des compétiteurs).  Vous serez surpris assez rapidement par des frais cachés, des fonctionnalités supplémentaires.  Vous êtes susceptibles d’être chargés.


2. Le design

Les premières impressions sont importantes. Pour que votre clientèle potentielle puisse vous voir comme une entreprise complètement professionnelle, il est nécessaire que l’esthétique de votre site Internet démontre votre expertise et votre crédibilité en tant qu’entreprise de premier plan.

Réalisés avec des modèles prédéfinis à l’avance, les sites Web construit à l’aide d’un constructeur de site en ligne sont rarement convivial pour le commun des mortels et ont une apparence restreinte et ressemblent beaucoup aux millions d’autres sites Web qui utilisent ces modèles de sites gratuits. Ils ont tous des options très limitées sur le plan de la conception et de l’amélioration de l’esthétisme, votre plateforme ne vous offrira pas l’opportunité de vous démarquer de votre concurrence.


3. La performance SEO (Search Engine Optimation)

Les sites Internet “de sites gratuits”sont remplis de gros défauts de conception qui vont vous gêner à la longue. En bref, ils fonctionnent mal et vous allez vous en appercevoir plus tard…

Ces sites ne sont pas performants du tout au niveau du référencement (SEO). Votre site restera invisible aux yeux des internautes sauf pour ceux qui vous connaissent déjà et seulement s’ils connaissent votre adresse URL par cœur. Même si votre site Web comporte certains outils intégrés afin de favoriser le SEO, ceux-ci ne sont pas les plus efficaces et n’offrent pas d’effectuer un ciblage SEO réalisé par un professionnel.

référencer -référencement-naturel-seo-sites web

 

C’est aussi important de savoir que l’hébergement fourni avec votre site «gratuit» est généralement  très lent et il se peut fortement que vos clients potentiels quittent votre page sans même consulter l’information souhaitée puisque à la longueur du chargement de vos pages qui sont interminables.


4. Le service à la clientèle des sites Web

sites web gratuits

Ce n’est pas étonnant! Et si je vous affirme que vous avez de grosses chances de recevoir peu d’assistance ou même, elle sera inexistante. Le support technique ou service la clientèle, lui, invisible. Ce n’est normalement pas inclus dans le service. Ainsi vous devrez payer des frais surprises dès que vous rencontrez un problème. Sinon, votre autre option sera de chercher dans la section F.A.Q. ou des tutoriels en ligne pour trouver LA solution à votre problème. Enfin bref, vous n’aurez pas accès à un service personnalisé et vous ne serez pas aidé en cas d’urgence.


5. Le temps de conception des sites Web

Le fait de réaliser votre site Web en peu de temps a son attrait, en revanche, la vérité est qu’un site de bonne qualité et efficace est beaucoup plus long à créer.

Votre site Internet est un investissement majeur dans votre stratégie de marketing. Un site représentant parfaitement votre entreprise et image de marque. Il s’agit tout de même de votre carte de visite sur Internet.

Au lieu de concentrer vos énergies et votre temps précieux à la conception d’un site web gratuit, il serait beaucoup plus profitable que vous utilisez ce temps pour faire ce que vous faites de mieux : gérer votre entreprise.

Un professionnel peut vous fournir un design ergonomique, esthétique et professionnel, des conseils de premier plan, un accompagnement en face-à-face ou à distance, un contrôle total de votre contenu et, surtout, un site Web de haute qualité qui va générer du trafic.


À ce moment-là, nous sommes là pour vous aider à prospérer en ligne!

Vous avez des questions et commentaires sur ce sujet?

Laissez-nous vos commentaires  et questions ci-dessous!

Site Web : Les 5 étapes d’un bon lancement

Site Web : Les 5 étapes d’un bon lancement 1

Écrit et publié par : Éric St-Gelais

Sources : https://www.bdc.ca, Éric St-Gelais Web Design & Intégration Multimédia, Les Affaires

Image à la Une : Courtoisie de https://www.bdc.ca


Site Web : Les entrepreneurs connaissent maintenant l’importance de leur présence en ligne pour leur visibilité.

La toile et le marketing en ligne évoluent tellement rapidement que vous pourriez perdre de nouveaux clients si votre site Internet n’offre pas les fonctions qu’exigent les utilisateurs ou les moteurs de recherche.

Si leur plateforme Web est obsolète, les entrepreneurs qui désirent le succès se montrent actifs et se questionnent sur toutes les étapes applicables d’un projet.


1. Lancez un développement Web pour votre entreprise

Avant de commencer un projet de site Internet, questionnez-vous sur certains éléments:

  1. Qui dans mon équipe de collaborateurs sera responsable de ce projet durant 4 à 6 mois?
  2. Quel sera mon budget pour mon site Web?
  3. De quelle façon évaluer le succès de votre projet?

Soyez certain que le spécialiste du Web dans votre entreprise ou votre fournisseur de service possède  tous les atouts nécessaires pour vous aider à atteindre vos objectifs. Il est peut-être le moment d’envisager de nouvelles option tel un blogue  actif si vos besoins ont évolué.


Astuce

Ne remerciez pas trop rapidement votre développeur / concepteur Web sans lui avoir d’abord donné l’occasion de montrer qu’il pouvait se charger votre nouveau projet de site Internet, surtout si vous n’avez pas accès entièrement  à vos données numériques. Mieux vaut rester en bons termes avec celui-ci pour plusieurs raisons techniques.


2. Établissez  rapidement les fondements, les bases

Tel un architèque  avant d’entreprendre la construction d’un immeuble, vous devez planifier les aspects indispensables de votre plateforme Web, et les éléments esthétiques «agréables à avoir». Essayez de répondre aux subtilités de tous les aspects et différentes parties prenantes qui génèrent régulièrement souvent un dépassement des coûts, des retards, sans réellement appuyer vos objectifs .

Éric St-Gelais Web Design & Intégration Multimédia

site Web: Bannière publicitaire

vous recommande fortement d’évaluer vos plans d’affaires et de marketing, votre marque de commerce,  votre public cible, vos réels besoins en  technologie et vos actifs numériques existants. Vous pourrez ensuite préparer un plan ou devis d’exigences  plus détaillé pour votre site Web,  en prenant en considération les outils importants afin d’accroître votre visibilité et vos ventes, automatiser plusieurs tâches et augmenter la satisfaction de votre clientèle dans un lapse de temps de 12 à 24 mois.


Astuce

Ne brûler  pas des étapes dans la rédaction d’un plan ou devis d’exigence. Soyez certain que la personne ou l’entreprise chargée de cette tâche possède les qualifications essentielles, le marketing en ligne, la rédaction et la technologie pour y arriver.


3. Trouvez le bon Web Designer

Une fois vos besoins et exigences documentées, vous aurez à votre disposition, plusieurs options de développement pour votre plateforme Internet. Vous pouvez avoir une solution clé en main, moyennant des frais mensuels, recourir à un développeur ou un rédacteur Web pigiste tel que Éric St-Gelais pour votre blogue d’entreprise ou embaucher une agence offrant une gamme complète de services Web tel  que Éric St-Gelais Web Design & Intégration Multimédia.

guide Web Design au Saguenay |Conception Site Web | Refonte de site | Positionnement stratégique | Rédaction de contenu |Intégration Multimédia |Publicité Web.

Web Design au Saguenay |Conception Site Web | Refonte de site | Positionnement stratégique | Rédaction créative de contenu |Intégration Multimédia |Blogging

Selon mon expérience dans le cadre de plusieurs projets de site Web. Il est préférable d’opter pour une entreprise qui comprend vos besoins en matière de technologie, votre budget.  Le design est l’aspect  principal auquel il faut accorder de l’importance, car si vous n’aimez pas l’apparence de votre site Web, il est certain que vous ne l’utiliserez pas au maximum de ces capacités et vos clients non plus.


 4. Gérez votre projet Web

Une fois la bonne agence Web trouvée, signez un contrat qui décrit vos exigences avec des dates précises. Au  début de votre projet.  Supervisez-le afin d’éviter les mauvaises surprises, car des imprévus surviendront, c’est inévitable.

La rédaction pose souvent problème pour les entrepreneurs. C’est pourquoi nous recommandons fortement de recourir à un rédacteur professionnel pour la rédaction de vos contenus ou pour alimenter votre blogue. Les blogues sur un site favorisent un meilleur classement dans les moteurs de recherche. Il crée plus de trafic sur votre plateforme Web. Donc beaucoup plus de visibilité. De plus ceci facilite la démonstration de tout votre savoir faire et vous permet de vous démarquer de la concurrence.


 5. Effectuez le suivi des progrès et faire la promotion du nouveau site Web

Comprenez les éléments à chaque phase pour mieux approuver les livrables de votre projet en toute confiance.

Visualisez aussi le suivi des bogues avec votre partenaire Web. Confirmez qu’une solution d’analyse est en place  afin d’évaluer votre performance sur le Web. S’il s’agit d’un site de e-Commerce, testez le processus de commande afin de valider une expérience client agréable et un taux de conversion maximum.

De plus, la garantie après-lancement, votre partenaire Web devrait vous offrir, vous permet de garder votre site Web à jour. C’est important.


Astuce

Faites-en la promotion et demandez rapidement leurs commentaires à votre clientèle,  fournisseurs et partenaires.  Tout ceux qui connaissent votre entreprise et votre vieux site Internet statique. Commencez dès le départ, à recueillir des suggestions et classez-les par ordre prioritaire, selon vos objectifs .


Quelle sera la suite de tout ceci?

Le lancement de votre plateforme est la première étape d’une nouvelle aventure, un nouveau défi. En plus d’ évaluer son activité en ligne, améliorer l’expérience client et augmenter votre taux de conversion, vous aurez une idée plus précise de vos objectifs pour les 12 à 24 prochains mois.


Avez-vous déjà songé à votre prochaine stratégie de marketing  numérique pour 2017/2018?

Suivez ces étapes simples et, si vous avez des questions, n’hésitez pas à communiquer avec moi ou laissez-moi vos commentaires ci-dessous.


 

 

 

 

Podcast : 5 astuces pour réussir

Podcast : 5 astuces pour réussir 0

Article écrit et publié par : Éric St-Gelais

Source : https://www.codeur.comÉric St-Gelais Web design & Intégration multimédia

Image à la Une: Courtoisie de fotolia.com


Vous désirez débuter en marketing audio  sur Internet au profit de votre site Web, vos clients et votre entreprise via la création d’un podcast ? Une idée qui peut réellement être judicieuse et payante surtout lorsque l’on affirme que 4 000 000 de podcasts sont écoutés, chaque jour, seulement en Europe.

Cependant, se lancer dans une cette aventure rocambolesque nécessite une préparation au quart de tour. La réalisation et production de ce format multimédia est bien moins simple qu’ils ne semblent !

Néanmoins…

Mettez le focus sur ces 5 astuces afin de démarrer votre propre podcast avec plus de chances de succès.


1) BIEN SÉLECTIONNER VOTRE SUJET

Qu’est-ce qui pourrait bien inciter les usagers à télécharger et écouter votre podcast ? En premier lieu je dirais son titre… Et par le fait même son sujet ! Vous vous devez de découvrir un « point de douleur » à vos prospects et futurs clients et l’exploiter au maximum afin de leur donner l’envie de vous écouter et d’apprendre à vous connaître vous et votre entreprise.

Questionnez-vous sur certains points :

  • Quels sont les objectifs de mes auditeurs?
  • Quels sont les problèmes qu’ils veulent résoudre ?
  • Quels sont leurs freins et leurs motivations à la souscription de mes produits et services ?
  • Que puis-je leur apporter ?

Selon vos réponses, vous obtiendrez  plusieurs thèmes pour attirer des internautes qualifiés et de bonne qualité . Prenez bien garde à votre titre, en étant captivant et clair,net et précis à la fois.

Utilisez des formes interrogatives « comment faire… ? », « quel est le meilleur façon de… ? », « pourquoi utiliser… ? », etc. Vous pouvez aussi utiliser une liste de conseils, d’astuces ou de « secrets de pro ».

Ces deux types de tournures fonctionnent toujours très bien.


2) CHOISIR LE FORMAT ADÉQUAT

Les podcasts peuvent avoir deux formats :

Uniquement audio ou avec de la vidéo. Dans ce deuxième cas, il ne s’agit

pas de vous filmer, mais de montrer des documents utiles ou des exemples concrets pour appuyer vos propos.

Ce format est de plus en plus populaire et peut vous aider à bien vulgariser des sujets plus que complexes.


3) FAIRE UN PLAN

Avant d’enregistrer votre podcast, rédigez un texte. Sans forcément écrire votre salade phrase par phrase, prenez soin de faire un bon plan détaillé des points à aborder dans votre prestation.

D’un côté, le plan vous permet de produire un podcast cohérent, compréhensible et complet. Et d’un autre côté, il vous aide grandement durant l’enregistrement, ce qui vous évitera de le reprendre plusieurs fois (et de perdre du temps précieux).


4) BIEN S’ÉQUIPER

podcast casque avec micro

Produire votre podcast depuis le microphone de votre téléphone intelligent n’est pas une idée de génie. Gratuit vous me direz, certes je répondrai, mais votre image de marque risque d’en souffrir. Vous pouvez faire l’acquisition d’un casque avec micro de bonne qualité pour une centaine de dollars.

Ce léger investissement est primordial afin que vous soyez pris au sérieux. Par ailleurs, si le son est mauvais, vos premiers auditeurs n’écouteront pas vos prochains podcasts. C’est certain!


5) FAÎTES LA PROMOTION DE VOTRE PODCAST

Afin que votre podcast devienne un succès, promouvez-le au maximum. Diffusez-le sur vos réseaux sociaux, rédigez un article de blogue pour le présenter, insérez-le dans vos autres contenus à la thématique commune…

Pensez aussi à le promouvoir via les Social Media Ads et, pourquoi pas, avec une campagne Google Adwords.

Si possible, ajoutez-le aussi sur des plateformes où les podcasts sont régulièrement téléchargés : iTunes, SoundCloud, Google Play Music, Spotify ou Deezer.

Plus vous attirez d’auditeurs, plus vous augmentez vos chances de succès.

Consultable à tout moment, sur tous les types d’appareils, le podcast se repend de plus en plus. Vous avez sûrement quelques choses à dire afin de créer votre propre diffusion!  Osez tenter l’expérience pour diversifier vos moyens de communication numérique, augmenter votre visibilité et notoriété afin d’élargir votre cible.


Vous avez aimé cet article ? Veuillez laisser vos commentaires ci-dessous.

Votre avis est important pour nous!!!

Images site Web : comment les optimiser

Images site Web : comment les optimiser 0

Écrit et publié par : Éric St-Gelais

Source: https://www.aurone.com , Google Analytics,

Image  à la Une: https://www.aurone.com


Vous ne désirez pas que Google boude votre site à cause de la taille de vos images ? Heureusement, vous pouvez réduire la taille de vos images afin d’améliorer la vitesse de votre site , mais le hic avec le formatage est que les changements réduisent souvent leur qualité. Il existe donc des astuces qui vous permettent de diminuer le poids du fichier tout en gardant leur qualité pour les afficher avec fierté. Regardons donc comment travailler vos images sans les rendre mauvaises ​​, ainsi que la méthode et les outils disponibles afin d’optimiser les images pour le Web.


Les grands avantages du formatage des images

moyenne-poids-images-sure-site-web

Moyenne de poids par image sur un site Web

En premier lieu, pourquoi devez-vous diminuer la taille de vos images? Quels  en sont les bénéfices? Il existe des avantages à optimiser vos images. Selon HTTP Archive, en avril 2017, les images représentent en moyenne 66% du poids total en pixel d’une page Web. Alors, quand il s’agit d’optimiser votre site WordPress, les images sont de loin la première étape où  vous devriez commencer! C’est plus important que les scripts et les polices. Et, un bon travail d’optimisation d’image est la chose la plus faciles à vérifier, mais beaucoup de propriétaires de sites ignorent tout cela.

Voici les principaux avantages.

  • Améliorera la vitesse de chargement de votre page. Si votre page prend trop de temps pour charger, les internautes risquent d’attendre et de passer à autre site.
  • Améliore votre référencement et positionnement. Votre site aura un meilleur classement dans les moteurs de recherche. Les gros fichiers ralentissent votre site Web et les moteurs de recherche boudent les sites  trop lents. Google sera susceptible d’explorer et d’indexer vos images plus vite pour la recherche d’images sur Google. Vous feriez le saut de savoir quel est le pourcentage du trafic provenant de la recherche d’images Google? Vous pouvez utiliser Google Analytics afin de valider votre trafic en provenance de recherche Google.
  • Une création de sauvegardes sera plus efficace et rapide
  • Les images plus petites utilisent moins de bande passante. Les réseaux et les navigateurs aimeront cela.
  • Nécessite moins d’espace de stockage sur votre serveur .

Vos images représentent en moyenne 66% du poids total d’une page ! Optimisez les !


Comment faire pour optimiser vos images

Votre principal objectif est de trouver l’équilibre entre la grosseur de vos fichiers et une qualité acceptable. Il y a plusieurs  d’une façons d’effectuer ces optimisations. Les outils les plus populaires permettent de les compresser avant de les placer sur WordPress. Normalement, vous pouvez faire cela dans un outil comme Adobe Photoshop ou Affinity Photo. Vous pouvez aussi utiliser certains plugins.

Les 2 éléments essentiels à considérer sont le format de fichier et le type de compression que vous choisirez. En sélectionnant la bonne combinaison, vous pouvez réduire la taille de vos images jusqu’à 5 X. Vous devrez tester chacune de vos images afin de voir ce qui fonctionne le mieux.


Choisissez le bon format de fichier

Pour commencer à modifier vos images, assurez-vous d’avoir choisi le meilleur type de fichier. Il y a plusieurs types de fichiers disponnibles pour le Web que vous pouvez utiliser:

  • PNG – produit des images de très bonnes qualités, mais ont une taille de fichier plus grande. Il utilise une compression sans perte.
  • JPEG – Le format le plus populaire, utilise une optimisation sans perte. Vous pouvez ajuster le niveau de qualité pour un bon équilibre entre la qualité et la taille de fichier.
  • GIF – utilise uniquement 256 couleurs. C’est le meilleur choix pour des illustrations ou des images animées. Il utilise uniquement une compression sans perte.

Il y a plusieurs autres formats, tels que JPEG XR et WebP, mais ils ne sont pas toujours pris en charge par les navigateurs. Idéalement, vous devez utiliser JPEG (ou JPG) pour des images avec beaucoup de couleurs et PNG pour des images simples.


Qualité de compression vs taille

Voici ce qui peut survenir dès vous compressez beaucoup trop une image. L’ image #1 utilise un taux de compression beaucoup plus bas, ce qui donne une plus grande qualité visuelle (mais une taille de fichier beaucoup plus grande). La 2 ème image utilise un taux de compression très haute, ce qui donne une image de très mauvaise qualité (mais une plus petite taille de fichier). Remarque: L’image originale intacte pèse 2,06 Mo.


# 1 Basse compression > Haute qualité – 590 kb


# 2 Haute compression > Basse qualité – 68 kb

Commentaire:

Comme vous pouvez le voir, l’image ci-dessus est de 590 Ko. C’est assez grand pour une simple photo! Il est préférable de garder le poids total d’une page Web en dessous de 1 ou 2 Mo de taille. 590 Ko serait 1/4 du poids de la page. La deuxième image semble plus laide, mais ce n’est que 68 Ko. Ce qu’il faut faire c’est trouver un bon équilibre entre la qualité visuelle et la grosseur du fichier.

Voici maintenant l’image à un taux de compression moyen et, la qualité semble assez bien maintenant et la taille du fichier est de seulement 151 Ko, ce qui est très acceptable pour une photo haute résolution. C’est presque 4X plus petit que l’originale avec une faible compression. Les images plus simples comme PNG devraient être inférieures à 100 Ko ou moins pour garantir une meilleure vitesse et performance.


Moyenne compression > Bonne qualité – 151 kb


Optimisation irréversible vs Optimisation réversible (Lossy vs Lossless)

Il est aussi important de savoir qu’il y a 2 types de compression, à perte et sans perte.

  • Compression irréversible (Lossy) – c’est un filtre qui enlève certaines données. Cela va diminuer la qualité de l’image, donc vous devrez faire attention à combien réduire sa taille. La taille du fichier peut être réduite beaucoup. Utilisez des outils tels que Adobe Photoshop, Affinity Photo ou d’autres éditeurs afin d’ajuster les paramètres de qualité. L’exemple utilisé ci-dessus utilise la compression à perte.
  • Compression réversible (lossless) – c’est un filtre qui comprime les données. Cela ne réduit pas la qualité, mais il faudra que les images soient décompressées avant qu’elles ne puissent être rendues. Vous pouvez effectuer une compression sans perte sur votre bureau à l’aide d’outils tels que Photoshop, FileOptimizer ou ImageOptim. Certaines extensions appliqueront la compression Gzip (pour les minimiser).

Expérimentez vos techniques de compression afin de mieux voir ce qui fonctionne pour chaque image ou format. Si vos outils ont l’option, assurez-vous de sauvegarder l’image pour le Web( ADOBE Photoshop, le possède). Ceci est une option et elle vous permettra des ajustements de  bonne qualité pour que vous puissiez effectuer une compression optimale. Vous allez perdre un peu de qualité, alors trouver le meilleur équilibre possible sans rendre les images affreuses.


Les outils et programmes d’optimisation

Il  en existe beaucoup. à la fois des premiums et des gratuits, que vous pouvez utiliser afin d’optimiser vos images. Certains vous donnent les outils pour effectuer vos propres optimisations et d’autres font carrément le travail pour vous. Nous sommes personnellement de grands fans de Photoshop, car il vous offre des fonctionnalités presque complètes

 

Voici des outils et logiciels à considérer:

Redimensionner vos images à l’échelle

Un problème très important en ce qui concerne l’optimisation de l’image est que vous devriez les télécharger directement aux dimensions CSS. Ce n’est pas aussi important que la compression, mais c’est un autre conseil qui garantira que vos images se chargent le plus rapidement possible sur tous les périphériques. Si vous utilisez WordPress comme CMS, il redimensionne vos images dès leurs téléchargement vers la bibliothèque multimédia. Ces commandes peuvent être trouvés sous « Paramètres> Médias« . Vous devrez aussi vous assurer que la largeur maximale est proche de la largeur admise par votre CMS. Ainsi, CSS n’essaiera pas de redimensionner votre image pour l’adapter.

La bibliothèque multimédia WordPress crée avec des scripts des miniatures en fonction de vos ajustements de paramètre. Mais, la version originale est conservée et demeure intacte. Si vous souhaitez redimensionner vos images et économiser de l’espace disque en évitant d’enregistrer l’originale, vous pouvez utiliser un plugin gratuit comme Imsanity.

Imsanity permet de définir une limite logique afin que toutes les images téléchargées soient contraintes à une taille raisonnable qui est quand même plus expansive que les besoins d’un site Web typique. Imsanity s’accroche à WordPress immédiatement après le téléchargement de l’image, mais avant que le traitement WordPress ne se produise. Donc, WordPress se comporte exactement de la même manière, sauf qu’on aura l’impression que l’utilisateur avait redimensionné l’image à une taille raisonnable avant de la télécharger.


Extensions(Plugins) d’optimisation d’image que vous pouvez utiliser avec WordPress

Heureusement, avec WordPress, vous n’avez pas à faire tout le formatage ou la compression manuellement. Vous pouvez utiliser des extensions(plugins) pour effectuer une partie du travail pour vous. Il existe plusieurs extensions(plugins) qui optimiseront automatiquement les fichiers images lorsque vous les téléchargez. Ils optimiseront même les images que vous avez déjà téléchargées. C’est une bonne fonctionnalité pratique – surtout si vous avez déjà un site Web bien imagé. Voici quelques-uns des meilleures extensions(plugins) afin de travailler vos images pour plus de performances.

Il est très important de ne pas compter seulement sur les extensions(plugins) eux-mêmes. Exemple, vous ne devez pas importer des images de 2 Mo dans votre bibliothèque multimédia WordPress. Cela peut réduire rapidement votre espace disque sur les serveurs Web. La meilleure technique est de redimensionner rapidement l’image dans un éditeur de photos au préalable,ensuite la télécharger et l’utiliser  avec l’une des  extensions(plugins) suivantes afin de la réduire encore plus.


Imagify Image Optimizer

Imagify est créé par la même équipe qui a développé WP Rocket, avec laquelle la plupart d’entre vous sont probablement déjà familiers. C’est compatible avec WooCommerce, NextGen Gallery et WP Retina. L’extension(plugin) dispose également d’une fonctionnalité d’optimisation en bloc et vous pouvez choisir entre trois niveaux de compression différents, normaux, agressifs et ultras. Elle a également une fonction de restauration, donc, si vous êtes mécontent de la qualité, vous pouvez faire un clic sur restaurer puis compresser à un niveau qui répond mieux à vos besoins. Il existe une version gratuite et une version premium. Vous êtes limités à un quota de 25 Mo d’images par mois avec un compte gratuit.

Se débarrasser de l’image originale et redimensionner vos images plus grandes peut également être fait avec cette extension(plugin).



ShortPixel Image Optimizer

L’optimiseur d’image ShortPixel est une extension(plugin) gratuite qui compressera 100 images / mois et compressera différents types de fichiers, y compris les fichiers PNG, JPG, GIF, WebP et même PDF. Cette extension vous produira à la fois une compression d’image à perte et sans perte. Elle convertira CMYK en RVB. Il prend vos images et miniatures dans les nuages pour le traitement, puis les ramène à votre site pour remplacer les originaux. Il crée une sauvegarde des fichiers d’origine afin que vous puissiez les restaurer manuellement si vous le souhaitez. Cela convertira les fichiers de la galerie en vrac. Il n’y a pas de limite à la taille du fichier.


Optimus Image Optimizer

Optimus WordPress Image Optimizer utilise une compression sans perte afin d’optimiser vos images. La compression irréversible signifie que vous ne verrez aucune perte de qualité. Elle prend en charge WooCoomerce et multi-site et dispose d’une bonne fonctionnalité d’optimisation en bloc pour ceux qui possèdent déjà de grandes bibliothèques de médias existantes. Il est également compatible avec le plugin WP Retina WordPress. Ce plugin existe en une version gratuite et une premium. Pour la version premium, vous payez une fois par an et vous pouvez compresser une quantité illimitée d’images. Si vous le combinez avec leur plugin Cache Enabler, vous pouvez également plonger dans des images WebP, un nouveau format d’image léger de Google.


WP Smush

WP Smush possède une version gratuite et une version premium. Cette extension(plugin) réduira les informations cachées des images pour réduire la taille sans réduire la qualité. Elle analysera les images et les réduira à mesure que vous les téléchargez sur votre site Web. Il analysera également les images que vous avez déjà téléchargées et réduira celles-ci aussi. Il est apte à compresser jusqu’à 50 fichiers à la fois. Vous pouvez également compresser manuellement si vous le souhaitez. Il supprimera les types d’image JPEG, GIF et PNG. La taille des fichiers est limitée à 1 Mo.


TinyPNG (compression de JPG également)

TinyPNG utilise les services TinyJPG et TinyPNG (le compte gratuit vous permet de comprimer environ 100 images par mois) afin d’optimiser vos images JPG et PNGTinyPNG compressera automatiquement de nouvelles images et compressera en bloc vos images déjà existantes. Il convertira CMYK en RBG pour économiser de l’espace. Alors, il compressera les images JPEG jusqu’à 60% et les images PNG jusqu’à 80% sans perte visible de qualité d’image. Il n’a pas de limite de taille de fichier.


ImageRecycle

L’extension(plugin) ImageRecyle est un optimiseur automatique de fichiers PDF et images. Cette extension(plugin) se concentre non seulement sur la compression d’image mais aussi sur les fichiers PDF. Une de ses fonctionnalités vraiment pratiques est la possibilité de définir la taille de fichier minimale pour la compression. Exemple, si vous avez des images d’une taille de 80 Ko, vous pouvez les exclure automatiquement de la compression. Cela garantit que les images et les fichiers ne sont jamais trop compressés. Il comprend également l’optimisation en bloc et le redimensionnement automatique de l’image.
Remarque: ils ont un essai gratuit de 15 jours, mais c’est un service premium, et les images sont téléchargées et compressées à l’aide de leurs serveurs. Ils ne facturent pas par mois, mais plutôt par le nombre total d’images comprimées, à partir de 10 $ pour 10 000.


Optimisez vos images avec une étude de cas Web

Nous avons décidé de faire notre propre petite étude de cas et quelques tests pour vous démontrer combien l’optimisation de vos images pour le Web peut affecter la vitesse globale de votre site WordPress.

JPG non compressés

Nous avons d’abord téléchargé 6 JPG non compressés, tous ayant un poids de plus de 1 Mo de taille, sur notre site de test. (Voir les JPG non compressés d’origine). Nous avons alors exécuté 5 tests via Pingdom et avons pris la moyenne. Comme vous pouvez le constater à partir du test de vitesse ci-dessous, notre temps de chargement total était de 1,55 secondes et la taille totale de la page était de 14,7 Mo.


JPG compressés

Nous avons ensuite compressé les JPG en utilisant le plugin Imagify WordPress « réglage agressif ». (Voir les nouveaux JPG compressés, qui semblent toujours aussi beau). Nous avons alors exécuté 5 tests via Pingdom et avons pris la moyenne. Comme vous pouvez le voir à partir du test de vitesse ci-dessous, notre temps de chargement total a été réduit à 476 ms et la taille totale de la page a été réduite à 2,9 Mo. Notre temps de chargement total a diminué de 54,88% et la taille de la page a diminué de 80,27%.

Il n’y a pratiquement pas d’autre optimisation que vous puissiez faire sur votre site qui vous permettra de réduire de plus de 50% le temps de chargement. C’est pourquoi l’optimisation de l’image est très importante, le processus ci-dessus a été automatisé par le plugin. C’est une approche pratique pour un site WordPress plus rapide. La seule autre optimisation dramatique que vous pourriez effectuer serait de changer vos hôtes WordPress. Beaucoup de clients qui se déplacent vers Kinsta voient plus de 45% de vitesse augmenter. Imaginez vous déplacer vers Kinsta et optimiser vos images!

En optimisant vos images, qu’il s’agisse d’un outil d’édition de photos ou d’une extension(plugin WordPress), vous pouvez également réparer l’avertissement «Optimiser les images» que vous obtenez dans Google PageSpeed Insights (comme indiqué ci-dessous).


Utilisation du format SVG (graphiques vectoriels adaptables)

Une autre recommandation consiste à utiliser le format SVG à côté de vos autres images. SVG est un format vectoriel évolutif qui fonctionne très bien pour les logos, les icônes, le texte et les images simples. Voici quelques uns des avantages des SVG:

  • Les SVG sont automatiquement évolutifs dans les deux navigateurs et les outils d’édition de photos. Cela fait rêver un web designer graphique!
  • Google indexe les SVG, de la même façon que les PNG et les JPG, de sorte que vous ne devez pas vous soucier du référencement.
  • Les SVG sont traditionnellement (pas toujours) plus petits dans la taille du fichier que les PNG ou les JPG. Cela peut entraîner des temps de chargement plus rapides.

Le blogeur Genki a écrit un excellent article (en anglais) où il compare la taille du SVG vs PNG vs JPEG. Voici quelques exemples de ses tests dans lesquels il a comparé les trois types d’image

JPG (taille optimisée: 81,4 Ko)

PNG (taille optimisée: 85,1 Ko)

SVG (taille optimisée: 6,1 Ko)

Comme vous pouvez le voir ci-dessus, le SVG est une diminution de la taille du fichier de -92,51% par rapport au JPG et de -92,83% par rapport au PNG. 


Les meilleures pratiques

Voici quelques bonnes pratiques en ce qui concerne l’optimisation et l’affichage des images pour le Web:

  • Utilisez des images vectorielles autant que possible avec vos PNG et vos JPG
  • Utilisez un CDN pour diffuser vos images rapidement aux visiteurs à travers le monde
  • Minimisez vos images (JPG, PNG, SVG) avec compression Gzip
  • Supprimez les données d’image inutiles
  • Recadrer l’espace blanc et le recréer en utilisant CSS pour fournir le rembourrage
  • Utilisez les effets CSS3 autant que possible
  • Enregistrez vos images dans les dimensions appropriées au lieu de laisser HTML ou CSS les redimensionner
  • Utilisez les polices Web au lieu de placer du texte dans les images – elles se ressemblent mieux lorsqu’elles sont mises à l’échelle et prennent moins d’espace
  • Utilisez des images tramées uniquement pour des scènes avec beaucoup de formes et de détails
  • Réduisez la profondeur de bit à une palette de couleurs plus petite
  • Utilisez une compression à perte dans la mesure du possible
  • Expérimentez pour trouver les meilleurs paramètres pour chaque format
  • Utilisez GIF si vous avez besoin d’animation (mais compressez vos GIF animés)
  • Utilisez PNG si vous avez besoin de détails élevés et de haute résolution
  • Utiliser JPG pour des photos et des captures d’écran en général
  • Dimensionnez vos images à leur taille d’affichage pour réduire le nombre de pixels
  • Supprimez les métadonnées d’images inutiles
  • Automatisez le processus autant que possible
  • Dans certains cas, vous voudrez peut-être opter pour mettre du lazy load des images pour un rendu de première page plus rapide
  • Enregistrez les images comme « optimisé pour le Web » dans des outils tels que Photoshop

Une fois que vous avez formaté vos images et avez suivi les meilleures pratiques, votre site sera plus apprécié par les moteurs de recherche, les navigateurs et les réseaux, et sera chargé plus rapidement pour les internautes.

Avez-vous formaté vos images pour une meilleure performance?

Les formatez-vous à la main, utilisez-vous un plugin ou les deux?

Existe-t-il un autre outil ou une extension(plugin) que vous recommanderiez?


Avez-vous quelque chose à ajouter? Faites-nous savoir vos techniques et vos meilleures pratiques dans les commentaires ci-dessous!