Où trouver des ressources web gratuites ?

Le guide complet des ressources web gratuites !

Mis à jour le 12/03/2022 | Publié le 24/10/2017 | 5 commentaires

Article rédigé avec ❤️ par La Webeuse

🥳 C’est le retour de mon Quiz WordPress d’Halloween ! 🤩

Dans la jungle du web, on peut trouver des tas de choses, gratuites et payantes… J’ai donc fait le tour et je vous livre tous les bons plans pour trouver des ressources web gratuites que vous pourrez utiliser librement dans votre site web et pour vos projets clients.

Au programme :

Dans cet article, vous trouverez donc de quoi télécharger gratuitement des icônes, des mockups, des images vectorielles, des photos, des graphismes, des fonts (polices) et des logos. Bref, tout un tas de ressources très utiles pour votre business…

 

Les sites web pour trouver des polices gratuites :

Les polices contribuent énormément au design d’un logo, d’un site web ou d’un élément imprimable comme une carte de visite ou un flyer. Il est souvent difficile de trouver la font idéale et c’est vrai qu’au plus on a le choix, au plus on cogite. Du coup, je vais vous donner de quoi cogiter, c’est par ici :

 

#1 – Dafont

Dafont - site de polices gratuites

Dafont est un site qui vous permet de télécharger gratuitement des polices

Le site Dafont possède des milliers de fonts téléchargeables gratuitement mais faites attention aux licences ! Certaines de ces fonts sont à usage privé uniquement.

=> (Re)Découvrir Dafont !

 

#2 – Google Fonts

GoogleFonts - polices gratuites

GoogleFonts pour vos polices gratuites à télécharger ou à implémenter dans votre site

Qui ne connait pas Google Font et comment ne pas le citer dans cet article ? Vous trouverez dans ce site des tas de fonts gratuites à utiliser en interne ou sur le web. C’est vrai que les polices Google Fonts sont très classiques car on le voit partout mais présentent un avantage indéniable : vous pouvez les embarquer dans le « head » de votre siteweb sans avoir à les télécharger et en bénéficier partout sur votre site.

=> Visiter Google Fonts

 

#3 – FontBundles

FontBundles - fonts premiums et gratuites

FontBundles propose de nombreuses polices premiums et gratuites

FontBundles est un site qui vend des « Bundles » (des packs, quoi) de polices premiums. Toutefois, vous trouverez également une page dédiée au téléchargement gratuit de certaines polices premiums. Celles-ci ont un temps limité, vous devrez donc vous rendre régulièrement sur ce site pour obtenir de nouvelles fonts gratuites… et la qualité est au rendez-vous !

=> Découvrir les fonts gratuites de FontBundles

 

Les sites web pour trouver des images et des photos gratuites :

Que serait un site web ou un blog sans photos ni images ? Impensable n’est-ce pas ? Le plus difficile est de trouver les images idéales sans enfreindre les droits d’auteurs. Voici quelques sites qui pourraient bien vous être utiles. Attention toutefois à ne pas confondre Libre de Droit avec Gratuit

 

#4 – FreeJPG

Freejpg - site de photos gratuites

FreeJPG propose des centaines de photos gratuites

Ce site est très sympa et il change un peu des autres site du genre, de plus, sur FreeJPG, vous pourrez trouver des images gratuites même pour usage commercial. Les images sont plutôt de bonne qualité et vous pourrez les utiliser pour vos projets web !

=> Découvrir les photos gratuites de FreeJPG

 

#5 – FreePik

FreePik - ressources graphiques gratuites

FreePik est un site qui propose diverses ressources graphiques gratuites

FreePik est un grand classique… Vous trouverez sur ce site, un tas de choses : des icônes, des graphismes, des images vectorielles etc… Bref, un vrai puits de ressources gratuites ! À découvrir et utiliser sans modérations 😉

=> Découvrir FreePik

 

#6 – LifeOfPix

LifeOfPix - images gratuites

LifeOfPix propose de nombreuses images gratuites de qualité

Ce site est génial, il propose de magnifiques photos en haute résolutions et libres de droits. Elles sont réalisées par des photographes professionnels amoureux du partage ! C’est une initiative Québecoise.

=> Découvrir les photos de LifeOfPix

 

#7 – Pixabay

Pixabay - images et vidéos gratuites

Pixabay propose des images et des vidéos gratuites et libres de droits

Bien entendu, Pixabay est très connu ! Je me sers très souvent des photos proposées par Piaxabay car elles sont souvent de bonne qualité et surtout, elles sont libres de droits. Si vous ne connaissez pas encore ce site, il est urgent d’aller voir ce qu’il propose ! D’ailleurs, vous y trouverez également des vidéos.

=> Visiter Pixabay

 

#8 – LoremPixel

Lorempixel - images gratuites

Lorempixel permet d’embarquer des images gratuites en random sur votre site

Lorempixel est un site un peu particulier car son fonctionnement est destiné à des sites/blogs qui ont besoin d’un certain type de photos particulier et qui apparaitront en version « random ». Les photos ne sont donc pas téléchargeables car vous placerez un lien directement dans votre contenu. Attention : niveau qualité il y a vraiment de tout !

=> En savoir plus sur LoremPixel

 

#9 – Unsplash

Unsplash - photos gratuites

Unsplash propose de nombreuses photos gratuites

Les photos proposées par Unsplash sont vraiment magnifiques. Vous trouverez de belles images qui rendront votre contenu presque unique. Certaines de ces images seront soumises à crédit, n’oubliez pas les mentions obligatoires…

=> Voir les magnifiques photos d’Unsplash

 

Les sites web pour trouver des vidéos gratuites :

Les vidéos et les gifs rendent un site plus vivant et interpellent l’internaute. En plus, les vidéos présentent l’avantage de rallonger le temps passé par l’internaute sur votre site ce qui est plutôt intéressant…

 

#10 – FreeJPG Vidéos

Freejpg - site de photos gratuites

Freejpg propose des centaines de photos et vidéos gratuites

C’est le même site que FreeJPG, vu un peu plus tôt, mais il propose une partie spécialement dédiée à la vidéo gratuite. Vous y trouverez certainement de quoi animer votre site web…

=> Découvrir les vidéos gratuites de FreeJPGVideo

 

#11 – Coverr

Coverr - site de vidéos gratuites

Coverr est un site qui propose des vidéos gratuites

Ce site propose de nombreuses vidéos de très bonne qualité gratuitement. Ces vidéos sont idéales pour animer votre homepage par exemple. Vous trouverez facilement vos vidéos par thème comme food, voyage etc…

=> Découvrir les vidéos de Coverr

 

#12 – Giphy

Giphy - site de Gif gratuits

Giphy un site proposant des milliers de Gifs gratuits

Bon, ce ne sont pas vraiment des vidéos mais ce sont des Gifs que vous trouverez sur Giphy. Un bibliothèque incroyable pour trouver n’importe quel gif : il y en aura toujours un qui illustrera idéalement votre contenu. Sinon, vous pouvez également créer votre propre gif en suivant ce tutoriel.

=> Découvrir Giphy

 

#13 – YouTube et Viméo

Évidemment, comment parler de vidéos gratuites sans citer YouTube et Viméo. Vous trouverez certainement des vidéos qui viendront compléter le contenu de votre site web. Ces vidéos sont bien sûr différentes des vidéos d’illustration de contenu proposées par Coverr par exemple. Sur Viméo et YouTube, il s’agit plutôt de trouver des extraits de film, des tutoriels, des vidéos de présentation, des clips etc.

 

Les sites de ressources web gratuites pour les designers :

Si vous êtes designer, graphiste ou créateur de contenus, vous devez déjà connaitre les sites qui suivent, si vous ne les connaissez pas encore, il est vraiment urgent de les découvrir car ils vont vous faire gagner un temps fou ! À utiliser sans modération et attention : grosse bouffée d’inspiration !

 

#14 – UI8

UI8 - ressources gratuites

UI8 propose des ressources gratuites mais aussi premiums. Le site est très riche.

UI8 n’est pas très connu et pourtant il le mériterait car ce site propose des ressources de qualité, une grande partie d’entre elles sont payantes mais une incroyable liste de ressources gratuites est aussi disponible. Ici, vous trouverez beaucoup de mockups, d’APP UI KIT pour SketchApp ou Adobe Illustrator mais également des icônes, des patterns, des typefaces etc. Bref, un vrai bonheur si vous êtes designer (ou apprenti Designer) ! De plus, UI8 propose la possibilité d’opter pour un Pass Annuel ou bien un Pass LifeTime qui vous permettra avoir accès à la banque de téléchargement premium à l’infini ! C’est juste incroyable…

=> Découvrir UI8

 

#15 –  The Hungry Jpeg

The Hungry Jpeg - ressources graphiques

The Hungry Jpeg propose des ressources premiums dont certaines sont disponibles gratuitement

J’adore tout simplement The Hungry Jpeg, je trouve ce site convivial et surtout on trouve de tout : vous avez besoin d’une police, d’un mockup, d’images, de templates Keynote ou Powerpoint, d’icônes et encore bien d’autres choses ? Et bien The Hungry Jpeg répondra certainement à vos critères de recherches. Et comme tous les autres sites du genre, il propose bien sûr une partie de sa bibliothèque en libre-service, c’est à dire en téléchargement gratuit !

=> Découvrir sa bibliothèque de téléchargements gratuits

 

#16 – GraphicsFuel

GraphicFuel - ressources graphiques gratuites

GraphicFuel propose diverses ressources graphiques gratuites

Dans ce site, vous trouverez pas mal de designs prêts à modifier mais beaucoup sont disponible dans l’offre premium… Pas de panique, j’ai repéré la page des documents PSD disponibles en téléchargement gratuit (et il y en a des tonnes) ainsi que la page des images gratuites (un peu moins garnie).

=> Découvrir les PSD et les Images gratuites de GraphicFuel

 

#17 – Creative Market

Creative Market - Ressources Web Gratuites

Creative Market un site plein de Ressources Web Gratuites

Creative Market est un site qui propose de nombreuses ressources premiums mais chaque semaine, vous pourrez télécharger gratuitement 6 ressources, en contrepartie de la création d’un compte gratuit ou de l’inscription à la newsletter. Sinon, vous pourrez surfer sur ses milliers de pages qui proposent des images, des graphiques, des logos, des icônes, des thèmes WordPress, des polices etc…

=> Découvrez les « Free Goods » of the week de Creative Market

 

#18 – Sketch App Sources

Sketch App Sources - templates gratuites

Sketch App Sources propose de télécharger gratuitement des fichiers Sketch

Si vous êtes un UI ou UX designer, vous connaissez certainement le super logiciel SketchApp. Il est génial, surtout lorsque vous devez concevoir vos designs web. Savez-vous qu’il existe un site qui propose des tas de templates Sketch gratuites, prêtes à être téléchargées et modifiées…

=> Découvrir Sketch App Sources

 

#19 – UXFree

UXFree - ressources graphiques

UXFree propose de nombreuses ressources graphiques gratuites

Un peu comme Sketch App Sources, sur UXFree, vous trouverez de nombreuses templates à modifier comme des fichier PSD, Illustrator, Sketch etc. Un gain de temps énorme !

=> Parcourir les ressources de UXFree

 

#20 – FreebiesBug

Freebiesbug - ressources web gratuites

Freebiesbug propose diverses ressources web gratuites

Sur FreebiesBug, vous trouverez vraiment de tout ! Des templates PSD, Illustrator et Sketch mais aussi des icône, des fonts et des scripts JS et HTML ! Bref, je vous recommande de parcourir le site attentivement !

=> Découvrir FreebiesBug

 

#21 – AllTheFreeStock

Allthefreestock - site de ressources web gratuites

Allthefreestock est un site de diverses ressources web gratuites

All the Free Stock n’a rien à envier à FreebiesBug, vous y trouverez des mockups, des icones, des images, des vidéos mais également des sons et des effets sonores, des templates HTML5, des templates d’email, des fonts et plein d’autres freebies encore, c’est trop fou !

=> Découvrir AllTheFreeStock

 

Les sites de ressources web gratuites pour les développeurs :

Si vous êtes un développeur et que vous concevez des sites web, vous pouvez gagner du temps en utilisant des ressources disponibles sur internet comme des thèmes WordPress, des templates HTML5, des Codes Javascripts ou des CSS tout prêts. Bref, je vous liste ici des sites bien sympas :

 

#22 – Underscore

Underscore - theme WordPress gratuit

Underscore est un starter thème WordPress disponible gratuitement.

Si vous utilisez WordPress et que vous avez envie de créer votre propre thème, vous devriez commencer par utiliser le starter thème recommandé par Automattic. Vous téléchargerez sur Underscore un thème vierge contenant l’arborescence des fichiers utiles à WordPress, ensuite, vous rajouterez un peu de structure HTML ainsi que de CSS pour l’améliorer à votre image.

=> Télécharger gratuitement Underscore

 

#23 – HTML5 UP!

HTML5UP - templates HTML gratuites

HTML5UP propose des templates HTML gratuites et responsives

Vous pourrez également gagner un temps de dingue en téléchargeant des template HTML5 toutes prêtes sur HTML5 UP! Il y en a des tonnes, elles sont très jolies d’ailleurs.

=> Découvrir HTML5 UP!

 

#24 – CodeMyUI

CodeMyUi - site de morceaux de codes gratuits

CodeMyUi – site de morceaux de codes gratuits

Sur CodeMyUI, vous trouverez des shots de codes à implémenter dans vos sites web, ils font souvent appel à du HTML / JS /CSS. Il y a des choses vraiment géniales ici…

=> Découvrir CodeMyUI

 

#25 – CodePen

CodePen - site de morceaux de code gratuits

CodePen est un site de morceaux de code gratuits à implémenter dans vos projet web

Pareil que CodeMyUI, sur CodePen vous trouverez des « Pens » qui sont des morceaux de codes à utiliser sur vos propres sites web.

=> Découvrir CodePen

 

Pour conclure…

J’ai cité, dans cet article, 25 des sites les plus sympas qui proposent des ressources web gratuites. J’utilise d’ailleurs la moitié d’entre eux régulièrement pour mes projets web et clients.

Je voudrais quand même souligner le fait que tous ces sites proposent des téléchargements gratuits mais proposent aussi des ressources premiums mais surtout, je vous conseille de bien lire les licences car GRATUIT ne veut pas toujours dire LIBRE DE DROITS, par exemple, une photo peut être utilisée gratuitement mais nécessitera peut-être de mentionner le photographe par un ©crédit photo.

De même que certaines polices gratuites sont utilisables pour des projets personnels mais pas forcément pour des projets commerciaux, donc lisez bien entre les lignes de certains de ces sites.

Enfin, je viendrai régulièrement ajouter de nouveaux sites de ressources web gratuites à cet article, inscrivez-vous à ma newsletter pour ne pas les rater.

Des ressources web gratuites

Des sites pour trouver des ressources web gratuites, idéales pour les freelances et blogueuses/blogueurs

 

guide wp sidebar
formation wordpress sidebar
formation affinity bouton
toutes les formations
livre wordpress sidebar
astuces pour divi
newsletter sidebar
on discute
Cet article a été écrit par La Webeuse
J'accompagne les entrepreneurs et les entreprises dans la construction de leur visibilité sur le Web. De formation initiale dans la restauration de luxe, je me prends de passion pour le WebDesign et WordPress à partir de 2012. Aujourd’hui, vous trouvez mon livre "Je crée mon site avec WordPress" (Éditions Eyrolles) dans les librairies et vous bénéficiez de mes astuces publiées sur mes blogs La Webeuse et Astuces Divi. Mes formations en ligne, en visio ou hybrides vous permettent d'apprendre plus vite pour aller encore plus loin.

Encore un peu de lecture ?

7 façons de monétiser votre blog !

7 façons de monétiser votre blog !

Si vous cherchez des solutions pour monétiser votre blog facilement et de manière éthique, voici 7 façons de le faire... Gagner de l'argent avec son blog : l'importance de la qualité Avant de commencer, je préfère préciser que ce n’est pas facile de monétiser un blog...

Luttez contre le plagiat et protégez vos contenus et votre marque

Luttez contre le plagiat et protégez vos contenus et votre marque

La protection des contenus sur le Web n'est pas toujours une chose aisée. C'est tellement plus facile de copier-coller que de passer des heures à créer des contenus de qualité, n'est-ce pas ? Le web regorge de ressources. Il n'y a qu'à chercher, tout est là, quasiment...

5 Commentaires

  1. Guittat

    Bonjour,
    Pour la création de tableaux et d’infographies, quels sont les meilleurs outils et/ou plug-ins, SVP ?
    En dessous de ce pavé, il faut écrire Oui, inscrivez-moi à votre Newsletter (il manque le w…).
    D’avance merci.
    Bien cordialement,
    YG

  2. La Webeuse

    Bonjour Guittat ! Oui en effet, il manque un W ! Vous faites bien de me le rappeler ! Pour les infographies, je partirai sur Sketch ou Affinity Designer, mais ce ne sera pas des logiciels gratuits. Peut-être que Canva peut remplir cette mission mais je suis perplexe….

  3. maeva

    Un Grand Merci pour ces astuces!
    Petite question, comment peut-on utiliser ces morceaux de codes gratuits tel que codemyui dans Divi ? Module « code » puis coller le code ne marche pas. Peut-etre dans « avancé » puis CSS personnalisé ?
    Un petit coup de main stp ? 😉

  4. La Webeuse

    Salut Maeva, tout dépend du code que tu dois ajouter. Certains doivent être mis dans un thème enfant par exemple.

  5. BOISSY

    Bonjour
    Bravo pour votre site
    Concernant la musique notamment la guitare il existe très peu de partitions et de chansons Françaises
    Avez vous des adresses?
    Merci

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

La Webeuse