[디자인 실무 꿀팁] 움직이는 gif 상세페이지 용량 줄이는 방법(마켓별 권장 업로드 용량 총정리)

 

안녕하세요

제품의 가치를 채색하다 'Coloring on'입니다:)

 

기존에 멈춰있는 정형화된 상세페이지가 유행이었다면

요즘은 움직이는 Gif가 들어간 상세페이지를 많이 볼 수 있는데요.

 

Gif를 활용한 상세페이지는 이러한 장점이 있어요.

 

움직이는 Gif 상세페이지의 장점

1. 한 눈에 많은 정보를 직관적으로 확인이 가능하다.

2. 소비자의 구매 욕구를 촉진시킬 수 있다.

3. 쇼츠, 릴스 등 짧은 영상을 쉽게 접하는

mz세대에게 친숙하게 느껴질 수 있다.

 

이렇듯 보다 설득력 있는 제품 판매 페이지를 제작하기 위해

많은 업체에서 gif를 활용한 상세페이지를 제작하고 있는데요.

 

열심히 제작하고 보니 생기는 문제점!

 

용량이 너무 커서 업로드가 안 돼요ㅜㅜ

사실 상세페이지 용량 줄이는 것도 업계 비밀인지

정보성 글이 잘 없더라구요.

 

직접 여러가지 방법으로 시도해보며 터득한

상세페이지 용량 줄이기 꿀팁!

 

지금 바로 알려드릴게요

 

✨ 상세페이지 용량 줄이기 꿀팁

1. 영상제작툴(Premiere Pro, After Effects)로 내보내기

2. 포토샵(Photoshop)으로 내보내기

3. 파일 압축하기

4. 마켓별 권장 용량

 

---

 

1. 영상제작툴(Premiere Pro, After Effects)로 내보내기

 

영상 제작툴로 gif를 제작하고나면 

보통 미디어 인코더를 활용하여 내보내기를 하는데요.

 

내보내기 목록에서 두 가지를 건들면 용량이 줄어들어요.

1. 비트레이트

2. 영상 크기

 

프레임율을 보다 줄이거나 영상 자체의 크기를

조절하는 방법 두 가지가 있어요.

 

프레임율은 많이 줄이면 영상이

끊겨보일 수 있다는 점 참고해주세요!

 

하지만 영상 자체의 크기를 줄이면

간혹 업로드시 이미지 파일과 동떨어져보일 수 있으니

크기는 동일하게 내보내되

하단의 압축꿀팁을 이용하는 것을 추천드립니다

할 수 있다 아자아자!

 

2. 포토샵(Photoshop)으로 내보내기

 

포토샵으로 gif를 제작하고 내보낼 때는

save for web 화면에서 내보내게 되는데요.

 

다른 곳은 건들지 않고 Colors, Dither만 볼거에요.

 

Colors는 128, 256 중에 고를 수 있는데

색상값을 최대로 하는 것이 보기에는 더 좋지만

용량을 줄이기 위해서는 128까지도 괜찮아요.

 

Dither는 60-100% 범위 내에서

적당히 왼쪽 preview의 화질과 왼쪽 하단의 

미리보기로 알 수 있는 용량을 비교해주며

적절히 조절해주는 것이 좋아요.

 

쉽게 생각해서 Dither값이 올라갈 수록

영상이 부드러워진다고 생각하시면 되세요.

 

필자의 경우 Color값은 최대로 지정한 후

Dither값을 조절하며 마무리하는 편이랍니다.

 

3. 파일 압축하기

1, 2번과 같이 비교적 용량을 적게 뽑았는데도

용량이 커서 고민인 당신을 위한 꿀사이트❕

 

✔️ I love IMG

https://www.iloveimg.com/ko

(광고 아님)

 

이미지 압축에 들어가서

 

 

압축하고자 하는 이미지를 선택하거나 드래그한 후

여러 이미지 압축을 눌러주세요.

 

 

보이시겠지만 정말 쉬워요!

30초도 안 걸린답니당

 

마지막으로 압축된 이미지를 다운로드하면 끝!

 

요 이미지 압축 기능을 이용하면

화질이 최소한으로 손상되는 선에서

용량이 반 이상 줄어요

😂

 

정말 애정하는 사이트랍니다🤍

여러분도 많은 도움이 되시길 바래요.

 

4. 마켓별 권장 용량

 

마지막으로 업로드 될 마켓별 용량입니다.

제작하실 때 참고하시면 좋을 것 같아요.

 

용량이 너무 작으면 html로 변경하여

코딩으로 넣는 것을 추천드립니다:)

 

마켓별 Gif 용량

	네이버 스마트 스토어	11번가	위메프	티몬	지마켓, 옥션
용량	20mb 이하	3mb 이하	2mb 이하	1mb 이하	Html

 

---

 

보다 설득력있는

gif 상세페이지를 제작하고싶다면?

 

 

제품의 가치를 온전히 이해하고 녹여내는

Coloring On

과 함께 해보세요:)

 

 

생동감 넘치는 Gif 제작이

최저 33,000원대부터~

 

무료 상담

http://pf.kakao.com/_LMxdrxj

Coloring_on

제품의 설득력이 높아지는

컬러링온의 Gif 상세페이지 보러가기

⬇️⬇️

 

https://coloringon.myportfolio.com

상품의 가치를 채색하다, Coloring On.