Skillsweek Image Guideline Size

Note

(n = numbering 1,2,3,4, and so on)

Hero Banner

Retina Display

Folder name: hero-banner
File name: isw-hero-banner-1-2x.webp
File type: .webp
Resolution: 1000 x 1000 px
Estimated file size: 60 - 100Kb
URL: https://mmgfnw.csb.app/hero-banner/isw-hero-banner-n-2x.webp

Mobile Display

Folder name: hero-banner
File name: isw-hero-banner-1.webp
File type: .webp
Resolution: 500 x 500 px
Estimated file size: 40 - 70Kb
URL: https://mmgfnw.csb.app/hero-banner/isw-hero-banner-n.webp

Open Graph Image

Folder name: og-image
File name: isw-og-image-prakerja.jpg
File type: .jpg
Resolution: 1200 x 630 px
Estimated file size: 60 - 120Kb
URL: https://mmgfnw.csb.app/og-image/isw-og-image-prakerja.jpg

Popup Banner

Folder name: popup-banner
File name: isw-popup-banner-1.webp
File type: .webp
Resolution: 1080 x 1350 px
Estimated file size: 60 - 120Kb
URL: https://mmgfnw.csb.app/popup-banner/isw-popup-banner-n.webp

Slim Banner

Folder name: slim-banner
File name: isw-slim-banner.webp
File type: .webp
Resolution: 2000 x 270 px
Estimated file size: 60 - 120Kb
URL: https://mmgfnw.csb.app/section-banner/isw-slim-banner.webp