# Image Guidelines **Purpose**: Guidelines for placeholder and responsive images --- ## Quick Reference **Rule**: NEVER make up image URLs. Always use known placeholder services. | Service | Best For | URL Pattern | |---------|----------|-------------| | Unsplash | Real photos | `source.unsplash.com/random/WxH/?category` | | Placehold.co | Simple placeholders | `placehold.co/WxH` | | Picsum | Random photos | `picsum.photos/W/H` | --- ## Unsplash (Recommended) ### Random Images ```html ``` ### Categories - nature, landscape, mountains, ocean, forest - technology, computer, code, workspace - people, portrait, business, team - food, coffee, restaurant - architecture, building, interior - travel, city, street - abstract, pattern, texture ### Specific Images ```html ``` --- ## Placehold.co ```html ``` --- ## Picsum Photos ```html ``` --- ## Responsive Images ```html

``` --- ## Optimization ```html ``` --- ## Related - `icons-guide.md` - Icon systems - `fonts-guide.md` - Font loading - `cdn-resources.md` - CDN libraries