# Learn Images - 웹개발자를 위한 이미지에 대한 모든 것

> Clean Markdown view of GeekNews topic #8826. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=8826](https://news.hada.io/topic?id=8826)
- GeekNews Markdown: [https://news.hada.io/topic/8826.md](https://news.hada.io/topic/8826.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2023-03-29T10:30:01+09:00
- Updated: 2023-03-29T10:30:01+09:00
- Original source: [web.dev](https://web.dev/learn/images)
- Points: 48
- Comments: 0

## Topic Body

- 초보부터 고급 웹 개발자까지, 이미지의 기초부터 포맷, 전송방식까지   
### 목차   
- Learn Images  
#### Images and performance  
- A brief history of images on the web  
- Key performance issues  
#### Image formats and compression  
- Vector images  
- Raster images  
- Image formats: GIF  
- Image formats: PNG  
- Image formats: JPEG  
- Image formats: WebP  
- Image formats: AVIF  
#### Responsive Images  
- Responsive images  
- Descriptive syntaxes  
- Prescriptive syntaxes  
#### High performance image workflows  
- Automating compression and encoding  
- Site Generators, frameworks, and CMSs  
- Image content delivery networks  
- Conclusion

## Comments



_No public comments on this page._