Uit de cursus: Basistraining HTML

Krijg toegang tot deze cursus met een gratis proefabonnement

Word vandaag lid en krijg toegang tot meer dan 23.100 cursussen geleid door branchedeskundigen.

Responsieve afbeeldingen

Responsieve afbeeldingen - tutorial HTML

Uit de cursus: Basistraining HTML

Gratis proefversie van 1 maand starten Aanschaffen voor mijn team

Responsieve afbeeldingen

“

- Soms willen we een groot, mooi beeld met een hoge resolutie weergeven voor mensen met grote schermen en het vervolgens verkleinen voor mensen op telefoons, op kleine schermen. CSS kan dit doen. Eén afbeeldingsbestand kan op elk formaat worden weergegeven. Maar er is een probleem. Een grote afbeelding met een hoge resolutie bevat miljoenen pixels. En al die gegevens kunnen de bestandsgrootte behoorlijk groot maken. Wat veel tijd kost om te downloaden op een trage netwerkverbinding en de data-abonnementen van mensen kan gebruiken en in sommige markten veel geld kost. We willen geen onnodige gegevens met een hoge resolutie op kleine schermen leveren. In plaats daarvan moeten we misschien gewoon al onze afbeeldingen veel, veel kleiner maken. Fysiek kleinere, minder gekleurde data, minder pixels, meer gecomprimeerd, dat werkt goed voor een kleiner scherm. Maar als we dat bestand naar iedereen sturen, krijgen mensen met grote desktopmonitors geen grote, glorieuze foto te zien. Ze…

Inhoud