Comment récupérer une image à partir d’un site web ?

Avez-vous déjà eu besoin de récupérer un logo ou une image sur un site Web  ? … Ensuite, vous vous rendez compte que le logo est au format svg, et donc impossible à télécharger ? Si cela ne vous est jamais arrivé, vous avez de la chance ! Sinon, j’ai peut-être la solution pour vous.

Parce que oui, les images en svg sont bonnes, c’est beau et c’est la qualité idéale pour le web… Mais qu’est-ce que c’est ennuyeux ! La récupération d’une image png est super simple. Faites un clic droit et c’est fait.

Lire également : Le succès d'Amazon : une gestion avisée des marques

D’ un autre côté, dès que nous entrons svg… C’est un peu plus compliqué, parfois voir impossible.

Et quand c’est le cas, il faut généralement 5-10 minutes pour prendre une capture d’écran, apporter des modifications à Photoshop ou Affinity Designer et l’exporter au bon format… Sur ce point, je pense que nous sommes tous les deux d’accord, ce n’est pas le top.

A découvrir également : Startup : pourquoi faut-il faire appel à un professionnel de webmarketing ?

D’ après j’ai commencé à faire quelques recherches et j’ai fini par trouver deux belles petites solutions ! Et voici point par point comment récupérer un svg  :

Récupérer l’image svg lorsque J’ai un logiciel graphique

1. Accédez à SVG Crowdbar via le navigateur Chrome.
2. Copiez le lien du bouton « SVG Crowdbar » dans la section Bookmarklet.
3. Collez ce lien quelque part dans votre liste de liens favoris. (les trois petits points verticaux en haut à droite)
4. Accédez au site où vous souhaitez récupérer une ou plusieurs images svg
5. Cliquez sur le bouton « SVG Crowdbar » comme
6. Et hop, il télécharge toutes les images the.svg trouvées sur la page !  ?

Eh bien, cependant, l’attrait est qu’il regroupe toutes les images svg sur la page dans un seul fichier . Vous aurez donc besoin d’un logiciel de graphique qui vous permettra de supprimer les formes svg indésirables.

Cependant, il y a un autre moyen si le premier ne vous convient pas. Celui-ci ne fonctionne pas en tout temps et reste plus compliqué mais… Voici comment le faire :

Récupérer l’image svg lorsque je n’ai pas de logiciel graphique

1. Cliquez avec le bouton droit sur l’image concernés.
2. Sélectionnez « Inspecter l’article » ou « Inspecter » si vous êtes sur Chrome.
3. Nous allons maintenant devoir récupérer l’URI du logo svg. Et ici, il y a trois cas possibles :
   • • Tu vois du code . Dans ce cas, malheureusement, il sera impossible de le récupérer (au moins, je l’ai pour ma part, pas encore trouvé le chemin).

   

   • • Il y a une balise src= « » /> mettant directement dans le fichier svg image.

   

   • • Sinon, le bloc HTML est connecté au document svg via des éléments CSS :



4. Récupérez le lien vers l’image the.svg en revenant à « Inspecter » puis « Application » dans le document « image ». (Si le lien est un URI « data : » et non une URL, il sera impossible de le récupérer. Sinon, voir le reste !)
5. Cliquez donc sur l’URL menant à l’image svg
6. Aller à Online-Converter et intégrer le lien image pour le convertir to.png, .jpeg or.svg (selon vos envies)
7. Ici vous avez une belle image dans le format de votre choix !

Donc certainement, c’est beaucoup plus ardu que de télécharger une image png. Mais c’est encore beaucoup plus rapide que d’utiliser un logiciel graphique pour retaper une image entière. Et… Cela ne nécessite pas de compétences en conception !  ?

PS : Si vous n’avez pas de logiciel pour faire des montages ou du design, Je vous conseille fortement Affinity Designer. Pour 55€ (sans abonnement), c’est simple et ouvre vraiment de nombreuses portes… Si seulement pour ces petits besoins quotidiens. Et regarde-moi le swag de cette vidéo… ! (lien)