II.
LibrarySkill overview
Reference · livelib-skill:web-development--image-optimization
image-optimization overview
Image formats, responsive images, lazy loading, and CDN integration.
Attributes
displayName
image-optimization
description
Image formats, responsive images, lazy loading, and CDN integration.
libraryPath
library/specializations/web-development/skills/image-optimization/SKILL.md
specialization
web-development
contentSummary
# Image Optimization Skill
Expert assistance for image optimization.
## Capabilities
- Optimize image formats (WebP, AVIF)
- Implement responsive images
- Configure lazy loading
- Set up image CDN
- Handle blur placeholders
## Next.js Image
```tsx
import Image from 'next/image';
Outgoing edges
lib_applies_to_domain1
- domain:web-development·DomainWeb Development
lib_belongs_to_specialization1
- specialization:web-development·Specialization
lib_covers_topic1
- topic:asset-optimization·TopicAsset Optimization
lib_involves_role1
- role:frontend-engineer·RoleFrontend Engineer
lib_requires_skill_area2
- skill-area:web-performance·SkillAreaWeb Performance Engineering
- skill-area:asset-pipeline·SkillAreaAsset Pipeline
Incoming edges
None.