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 :
- Les sites de fonts gratuites
- Les sites de photos gratuites
- Les sites de vidéos gratuites
- Les sites de ressources web gratuites pour les designers
- Les sites de ressources web gratuites pour les développeurs
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 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.
#2 – Google Fonts
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.
#3 – FontBundles
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 !
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 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 !
#5 – FreePik
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 😉
#6 – LifeOfPix
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.
#7 – Pixabay
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.
#8 – LoremPixel
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 !
#9 – Unsplash
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…
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 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…
#11 – Coverr
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…
#12 – Giphy
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.
#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 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…
#15 – The Hungry Jpeg
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 !
#16 – GraphicsFuel
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 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 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…
#19 – UXFree
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 !
#20 – FreebiesBug
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 !
#21 – AllTheFreeStock
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 !
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 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.
#23 – HTML5 UP!
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.
#24 – CodeMyUI
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…
#25 – CodePen
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.
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 sites pour trouver des ressources web gratuites, idéales pour les freelances et blogueuses/blogueurs
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
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….
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 ? 😉
Salut Maeva, tout dépend du code que tu dois ajouter. Certains doivent être mis dans un thème enfant par exemple.
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