cleanorlabs/developer-reference-datasets

1---2license: cc-by-4.03language:4  - en5pretty_name: "Developer Reference Datasets: Aspect Ratios, WCAG Contrast, MIME, Encoding, QR"6tags:7  - aspect-ratio8  - screen-resolution9  - wcag10  - accessibility11  - color-contrast12  - mime-types13  - magic-numbers14  - character-encoding15  - utf-816  - qr-code17  - web-development18  - reference19size_categories:20  - n<1K21configs:22  - config_name: aspect-ratios23    data_files: aspect-ratios.csv24  - config_name: resolutions25    data_files: resolutions.csv26  - config_name: wcag-contrast-pairs27    data_files: wcag-contrast-pairs.csv28  - config_name: wcag-on-white-black29    data_files: wcag-on-white-black.csv30  - config_name: encoding-sizes31    data_files: encoding-sizes.csv32  - config_name: file-types33    data_files: file-types.csv34  - config_name: favicon-icon-sizes35    data_files: favicon-icon-sizes.csv36  - config_name: social-media-image-sizes37    data_files: social-media-image-sizes.csv38  - config_name: qr-code-capacity39    data_files: qr-code-capacity.csv40  - config_name: image-format-support41    data_files: image-format-support.csv42---43 44# Developer Reference Datasets45 46<img src="https://raw.githubusercontent.com/cleanor-app/developer-reference-datasets/main/docs/kaggle/cover.png" alt="Developer Reference Datasets: aspect ratios, WCAG contrast, MIME, encoding, QR, format support" width="720">47 48Open, reproducible lookup tables that web and app developers reach for constantly — **computed from first principles, not scraped, so every value is exact and re-runnable.** CC BY 4.0.49 50## Quick answers (straight from the data)51 52- **What is 16:9 in pixels?** 1920×1080, 1280×720, 3840×2160. 9:16 (Stories, Reels, TikTok) is those flipped. → `aspect-ratios`, `resolutions`53- **What contrast ratio does WCAG require?** 4.5:1 for normal text (AA), 3:1 for large, 7:1 for AAA. `#6b7280` on white is 4.83 (passes AA); `#9ca3af` is 2.54 (fails). → `wcag-contrast-pairs`, `wcag-on-white-black`54- **How many bytes is a character?** In UTF-8: Latin 1, accented/Greek/Cyrillic 2, CJK 3, most emoji 4 (a flag emoji is 8 bytes / 2 code points). → `encoding-sizes`55- **What is the MIME type / magic number of a file?** Extension → MIME type + byte signature, **with the offset** (RIFF/ISO-BMFF/tar signatures are not at byte 0, which most lists get wrong). `.docx` is a ZIP (`PK`). → `file-types`56- **How many characters fit in a QR code?** A version-1 QR holds 41 digits / 25 alphanumeric / 17 bytes at ECC level L; up to 7,089 digits at version 40. Computed from ISO/IEC 18004, verified. → `qr-code-capacity`57- **Which browsers support AVIF / WebP / JPEG XL?** AVIF is fully supported since Chrome 85, Firefox 93, Safari 16.4; JPEG XL is fully supported nowhere. → `image-format-support`58- Plus favicon/app-icon sizes per platform and current social-media image sizes (date-stamped).59 60## Why it's trustworthy61 62These are exact answers from the spec, not measurements. An aspect ratio, a WCAG contrast ratio, a UTF-8 byte count and a QR capacity are computable — so the CSVs are computed and re-runnable, and checkable against any online tool.63 64- **Cite:** DOI [10.5281/zenodo.21369536](https://doi.org/10.5281/zenodo.21369536) (concept DOI, all versions, CC BY 4.0, Cleanor Labs)65- **Code + methodology:** https://github.com/cleanor-app/developer-reference-datasets66- **Human-readable write-ups:** https://cleanor.app/research/open-datasets67- **License:** CC BY 4.0 (attribution to Cleanor Labs).68