이미지 & 미디어
이미지는 대개 웹 페이지에서 가장 무거운 부분이자 속도를 높일 가장 큰 기회입니다. 하지만 제대로 하려면 몇 가지를 알아야 합니다: 어떤 포맷을 쓸지, 품질이 나빠지기 전에 얼마나 압축할 수 있는지, 사진이 조용히 무엇을 함께 담고 있는지.
이 묶음은 웹용 이미지를 올바르게 — 더 작고, 더 선명하고, 의도치 않은 데이터를 흘리지 않게 — 준비하는 법을 안내합니다. 여기 연결된 모든 도구는 브라우저에서 실행되므로 사진이 기기를 떠나지 않습니다.
이 주제의 가이드
웹용 이미지 압축, 품질 손상 없이 하는 법
더 빠른 웹사이트를 위해 이미지 용량을 줄이는 실용 가이드 — 손실 vs. 무손실, JPEG·PNG·WebP 선택, 품질을 얼마나 안전하게 낮출 수 있는지.
이미지 포맷 설명: PNG·JPG·GIF·WebP·SVG
각 흔한 이미지 포맷이 무엇에 강한지에 대한 명확한 가이드 — 래스터 vs. 벡터, 그리고 이미지에 포맷을 맞추는 빠른 결정법.
웹용 이미지 크기 조정과 자르기 하는 법
크기 조정과 자르기의 차이, 지나치게 큰 이미지가 왜 페이지를 느리게 하는지, 그리고 웹용으로 이미지 크기를 올바르게 맞추는 법.
EXIF 메타데이터와 사진 프라이버시
EXIF 메타데이터가 무엇인지, 왜 프라이버시 우려인지, 그리고 사진을 공유하기 전에 제거하는 법.
다른 가이드 주제
데이터 포맷 & 인코딩
웹에서 데이터를 실어 나르는 포맷과 인코딩 가이드 — JSON·XML·YAML·CSV·Base64·URL 인코딩·문자셋.
텍스트 & 글쓰기
텍스트 작업 가이드 — 대소문자 규칙, 단어 수와 가독성, URL 슬러그, 지저분한 텍스트 정리, 문자 인코딩.
PDF & 문서
PDF 파일 편집·정리 가이드 — 병합·분할·압축·변환 — 문서를 업로드하지 않고.
웹 & 개발자
웹 개발의 구성 요소 가이드 — JWT·타임스탬프·HTTP 상태 코드·정규식·색상 포맷.
보안 & 프라이버시
계정과 데이터를 지키는 실용 가이드 — 강한 비밀번호, 2단계 인증, 공유 파일에서 개인정보 빼내기.
기기 & 하드웨어 테스트
하드웨어 점검 가이드 — 화면·키보드·마우스·카메라·마이크·센서를 설치 없는 브라우저 테스트로 확인.