Mikano Image Guide
A self-refreshing image design reference that crawls a live site.
01 · Problem
Designers kept asking for exact image dimensions from a site whose content images changed constantly. Answers were manual and stale within days.
02 · What I did
I built a crawler that reads the live sitemap, renders each page in Chromium, and extracts every content image's dimensions into a designer-friendly reference that updates itself.
03 · Outcome
A guide that never goes stale, so designers always work from current truth and the recurring question answers itself.
★ · The actual problem
Designers pinged the team constantly for exact dimensions on a site whose content images changed all the time. Answers were manual, stale within days, and a recurring tax on everyone's time.
A crawler reads the live sitemap, renders each page in Chromium, and measures every content image as users actually see it, publishing a self-updating guide. The question answers itself.
▦ · What it outputs
04 · Features & outcomes
Sitemap Crawl. Crawls the site's sitemap.xml to discover every public page automatically.
Chromium Render. Renders the Vue pages in Chromium to measure images as users actually see them.
Dimension Extraction. Extracts content/CMS image dimensions into a designer-friendly reference.
Auto-Refresh. Publishes a self-updating HTML guide so designers always work from current truth.