img src 이미지 용량 줄이는 방법

Question

안녕하세요, 저 밑에도 질문글을 올렸는데 또 다른 질문을 올립니다 (_ _)API에서 목록들을 불러와서 대표 이미지를 리스트에 썸네일로 띄우는데 용량이 너무 큽니다.따로 썸네일용 작은 이미지는 제공하지 않아서 그대로 사용하고 있는데 속도가 너무 느리네요..img src 에서 width, height 만 바꿔줘도 이미지 용량은 그대로인거죠?혹시 이미지 용량을 줄여서 띄우는 방법이 없을까요?

swtpumpkin · Accepted Answer

&#64;수송대원 '-'ㆀ블로깅하면서 확인 후 다시 답변드릴게요....(혹시나 아니면.... 잘 못 된 정보를 전달드린거라서....)

aeba · Answer

처음 받을때 이미지 변환을 해서 받거나, 서버 안에서 변환을 따로 하는거 이외에는 방법이 없습니다.

lefennec · Answer

그렇군요 ㅠㅜ 말씀 감사합니다!

초코쪼꼬 · Answer

간단하게 그림판으로 해상도 낮추는방법은 있습니다. -- 추가 참고자료 : http://meaningone.tistory.com/134 -- 추가아 서버에 이미 있는걸 줄여서 표시한다는거였네요.. 그건 좀 찾아봐야겠어요.

isNotEmpty · Answer

http://toyuq.tistory.com/256 썸네일 호출하는 부분은 따로 호출경로를 만들었습니다.자바에서 이미지를 리사이즈하고 출력해주는거죠. 기존 이미지는 그대로 사용 가능하고, 썸네일 파일을 따로 만들어줄 필요가 없습니다.용량도 확실히 작아지죠!

lefennec · Answer

두분도 감사합니다! (_ _) 시도해보겠습니다!

swtpumpkin · Answer

https://www.npmjs.com/package/sharp샤프를 이용해서 다시 저장하는건 어떠세요? ㅎㅎ

초코쪼꼬 · Answer

&#64;swtpumpkin 궁금해서 질문을 하나 드립니다. npm sharp가 이미지 용량을 내리는건가요? 읽어보면 그냥 resize로 이미지 크기 변경 같은데..

swtpumpkin · Answer

&#64;수송대원 '-'ㆀ이미지를 크롭하게 되면 이미지가 잘리니 용량이 줄어들 것 같아서 추천한거에요....106.8kb &#61;> 6.7kb로 줄었어요...

초코쪼꼬 · Answer

&#64;swtpumpkin 아.. 그런가요. 좋은정보 감사드립니다.

img src 이미지 용량 줄이는 방법

10개의 답변

#thumbnail 목록