TIL: 검색 하는 방법, 질문 하는 방법 (feat. 이미지 최적화)

앞으로의 과제

• 이미지 작업 시 용량 최적화에 신경 쓰자
• Can I Use: 브라우저 지원 여부를 검색할 수 있다

keyword

• 영어: 전세계 55%의 자료는 영어로 되어있다, 한국어는 2.5% 정도.. 프로그래밍 관련은 더 심한 차이를 보일 것
• 테스트 환경: 사용하고 있는 환경에 따라 에러의 이유와 해결 방법에 차이가 있을 수 있다
  spuoosh.app: 이미지 컨버팅을 제공해준다

잘하기

잘하기로 자라기

질문 잘하기

무엇을 어떻게 질문해야 하는지
불필요한 소통으로 인해 발생하는 손실을 어떻게 줄일 수 있을지
생각해봐야 한다

검색 잘하기

검색을 잘하려면 구글 영어 검색을 생활화 해야한다
적어도 영문 읽기, 특히 개발 관련 글에서 자주 사용되는 단어들 정도는 빠르게 이해할 수 있도록 하자

라이브러리 등의 이슈는 git hub - issues에서 찾아 보는 것도 좋다

이미지 최적화

웹사이트에서 용량은 성능에 직결되는 요소
특히 이미지는 대부분 큰 용량을 차지하기 때문에
요소마다 적절한 최적화를 하여 용량을 최소화 할 필요가 있다

WebP 방식: 용량은 작지만 사파리 구 버전에서 지원하지 않기 때문에 아직은 사용하기 어렵다
MozJPEG: 매우 적절함
OxiPNG: 적은 색상이 사용되는 이미지에 사용하기 좋다
color의 개수를 조금씩 줄여가면서 크게 문제되지 않는다면 줄이면 좋다

gif 파일은 움직이는 이미지를 제외하고는 사용하지 않는다

jpg는 손실 압축 - 원본이 뭉게지면서 압축
png는 손실을 최소화 하지만 색상을 줄이면 품질 차이가 큼

백엔드에서 자동으로 크기 등을 처리해주는 시스템을 만들어야 한다
-> 여러 버전의 이미지를 사용처에 맞게 제공할 수 있어야 함