Skærmens pixeltæthed (PPI)
Hvor skarp er en skærm reelt — og hvornår bør du designe med 2x/3x-billeder?
Pixels per inch (PPI) fortæller hvor tæt pixels sidder på en skærm, og regnes ud fra skærmens opløsning og den fysiske diagonal i tommer. Jo højere PPI, jo skarpere fremstår teksten og billederne — og jo mere sandsynligt er det, at skærmen bruger en device pixel ratio over 1x, så billeder skal leveres i højere opløsning end de vises i CSS.
Formula
PPI = √(bredde_px² + højde_px²) ÷ diagonal (tommer)
Eksempel: 1920×1080 px på 15,6" ≈ √(1920²+1080²)/15,6 ≈ 141 PPI
Indicative
The result is indicative and an aid tool for estimates and learning. It does not replace design, applicable standards and legislation or a qualified professional's specific assessment. Always check against the source (Geometri (Pythagoras' læresætning)) and actual conditions on the task. See sources & reservations.
Next step
Farvekontrast (WCAG)
Er kontrasten mellem tekstfarve og baggrundsfarve høj nok til at være tilgængelig?
Sidens downloadtid og LCP-vurdering
Hvor lang tid tager det at hente siden på en typisk forbindelse — og består den Googles LCP-krav?
CLS — beregn ét layout-skifts score
Hvor meget straffer et enkelt layout-hop din Cumulative Layout Shift-score?
CSS Grid — antal kolonner (auto-fill/minmax)
Hvor mange kolonner får du automatisk med en given container-bredde og minimumsbredde pr. element?
SLA-oppetid → tilladt nedetid
Hvor meget nedetid tillader en given oppetids-garanti reelt pr. måned eller år?
Adgangskode-entropi og brute-force-tid
Hvor svær er en adgangskode reelt at gætte, baseret på længde og tegnsæt?
API rate-limit — hvor lang tid tager mine kald?
Hvor lang tid tager det at gennemføre X API-kald inden for en rate limit?
Hosting-trafik og databehov pr. måned
Hvor meget datatrafik bruger en hjemmeside reelt, og holder den sig inden for hostingplanens grænse?
Freelance timepris og projektpris
Hvad skal du tage i timen som freelance webudvikler, og hvad koster et konkret projekt?
Responsivt billede — nødvendig filbredde (srcset)
Hvor bred skal billedfilen reelt være, når skærmens pixel-tæthed tælles med?
WCAG — er det klikbare mål stort nok?
Lever en knap eller et link op til WCAG's minimumsstørrelse for klikbare mål?
SEO — titel og meta-beskrivelse: er den for lang?
Bliver din title-tag eller meta-beskrivelse afskåret i Googles søgeresultater?