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