Home Markten Live Netto Sabato

Op T-zine.be verschijnen sinds 24 februari 2017 geen nieuwe artikelen meer. Voor updates uit de wereld van technologie en het web kan u voortaan terecht op de technologiesectie van Tijd.be en de #Tijd pagina, uw dagelijkse afspraak in de (digitale) krant die u uitlegt hoe technologie ons leven verandert.

Geplaatst op 19 januari 2015 door Michel van der Ven

Zo pluk je de hardnekkigste foto’s van websites

InspecteurJe downloadt vast ook wel eens een foto van een website, nadat je daar uiteraard keurig toestemming voor hebt gevraagd. In het verleden ging dat heel eenvoudig: gewoon even rechts klikken op het plaatje, en binnenhalen maar. Op de complexe webpagina’s van tegenwoordig laat die techniek het echter steeds vaker afweten. In dit artikel leggen we je uit hoe je de klus toch geklaard krijgt.

Het zijn vooral de achtergrondfoto’s op moderne websites die voor problemen zorgen. Wanneer je er met de rechter muisknop op klikt verschijnt er geen optie om de afbeelding te bewaren, maar hooguit om de hele webpagina lokaal op te slaan. Veel meer dan een paar (voor een leek onbruikbare) JavaScript-bestanden en CSS-files (Cascading Style Sheets) tref je in zo’n archief doorgaans niet aan. Soms kan een schermafbeelding soelaas bieden, maar wanneer er teksten of andere foto’s over de background heen lopen, is het schier onmogelijk om die storende elementen achteraf weg te photoshoppen.

Visuele inspectie
De oplossing gaat nochtans wel degelijk schuil onder diezelfde rechter muisknop. Daar vind je in browsers als Firefox en Chrome namelijk ook de optie Element inspecteren. Safari beschikt eveneens over die functie, maar daar moet je hem eerst handmatig activeren (ga via de Voorkeuren naar Geavanceerd en zet onderaan een vinkje bij Toon ontwikkel-menu).
Plaats je muispijl op de foto die je wil downloaden. Wanneer je vervolgens voor Element inspecteren kiest, verschijnen er onder of naast de webpagina verschillende vensters en tools om de code van de site te analyseren. Een eerste methode om de foto te isoleren, is door in de broncode naar verwijzingen naar grafische bestanden te speuren (deze files eindigen meestal op .jpg of .png). Gevonden? Klik dan dubbel op de URL van het bestand, kopieer de link en plak hem in een nieuw browservenster om de foto in te laden. Hierna kan je het beeld wél op de vertrouwde manier downloaden: rechts klikken dus, en kiezen voor Afbeelding opslaan als

Omdat de URL niet altijd heel duidelijk is, zijn soms meerdere pogingen nodig om de juiste foto boven water te krijgen. In Firefox en Safari maak je daarom beter gebruik van de tweede, meer visuele methode. Voor Firefox: klik in de console op het tabblad Netwerk en daarna, helemaal onderaan in het browservenster, op Afbeeldingen. Je krijgt dan een grafisch overzicht te zien van alle plaatjes op de webpagina. Selecteer het gewenste beeld, klik rechts en kies voor Openen in nieuw tabblad om de foto ‘downloadbaar’ te maken. In Safari voor Mac gaat het nog eenvoudiger: klik onder Bronbestanden op Afbeeldingen, zoek de gewenste foto en klik daarna met de rechter muisknop op de preview van het beeld. Je kan de foto vervolgens downloaden, kopiëren of openen in een nieuw browservenster.

InspecteurJe downloadt vast ook wel eens een foto van een website, nadat je daar uiteraard keurig toestemming voor hebt gevraagd. In het verleden ging dat heel eenvoudig: gewoon even rechts klikken op het plaatje, en binnenhalen maar. Op de complexe webpagina’s van tegenwoordig laat die techniek het echter steeds vaker afweten. In dit artikel leggen we je uit hoe je de klus toch geklaard krijgt.

Reacties

Related Posts with Thumbnails