Conqrean security blog

블로그 로딩 속도를 개선하려고 페이지 전송량 9MB 를 재보니, 제일 큰 건 이미지가 아니라 폰트(4,588KB, 전체의 49%) 였습니다.블로그 글에 이미지를 넣다 보면 페이지가 무거워집니다. 그래서 이미지 최적화부터 손댔습니다.그런데 실제로 페이지 전송량을 재보니, 범인은 이미지가 아니었습니다.먼저 이미지부터 — WebP가 압도적입니다블로그용으로 만든 이미지 39장(PNG, 합계 4.7MB)을 포맷별로 변환해봤습니다.포맷합계원본 대비장당PNG 원본4.7MB100%122KBJPG 품질 923.9MB84%103KBJPG 품질 853.1MB67%82KBWebP 품질 851.4MB31%38KBWebP 무손실2.5MB53%64KBWebP 품질 85면 원본의 31%입니다. JPG보다도 절반 이하입니다.눈에 띄는..

카톡이나 단톡방으로 받은 사진을 4x6(10x15cm)으로 인화하려면 긴 변이 1,800px 은 돼야 1인치에 300점이 찍힙니다. 받은 사진이 1,280px 이면 213ppi, 960px 이면 160ppi 입니다. 같은 사진을 미니 인화(2x3인치)로 뽑으면 1,280px 로도 427ppi 가 나옵니다.추석에 모여 찍은 가족사진을 단톡방에서 받아 인화해 보면, 폰 화면에서는 멀쩡하던 사진이 흐릿하게 나오기도 합니다. "AI 로 화질을 키우면 되지 않나" 까지 포함해서, 공개 사진 22장으로 직접 재봤습니다.이 게시물은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.인화 크기별로 필요한 픽셀인화지 긴 변(인치)에 300을 곱하면 됩니다. 300ppi 는 30cm 거리에서 시력 ..

아이폰으로 찍은 영상을 PC로 옮기면 26초짜리가 50MB입니다. 몇 개만 모아도 기가 단위가 되고, 블로그에 올리려니 용량 제한에 걸립니다.무작정 압축하면 화질이 뭉개집니다. 어디를 줄여야 화질이 덜 상하는지를 실제로 재봤습니다.아이폰 영상이 큰 이유먼저 뭘 상대하는지 봐야 합니다. 파일 정보를 열어보면 이렇습니다.1920x1080 · HEVC 10bit · 59.9fps · 15,265 kb/s · HDR(HLG)26.2초 → 50.0MB용량이 큰 이유가 네 가지 다 들어 있습니다.비트레이트 15Mbps — 유튜브 1080p 권장이 8Mbps입니다. 두 배 가까이 씁니다60fps — 30fps의 두 배 프레임10비트 HDR — 색 정보를 더 담습니다1080p 해상도줄이는 레버는 네 개레버효과화질 영향..