자산 준비 / 04

적절한
이미지 후보.

기본 이미지 메타데이터와 전달 관련 질문을 함께 검토하는, 브라우저 내 비공개 확인 도구입니다. 메타데이터와 로컬 치수를 제외한 파일의 업로드·보관·최적화·검사는 하지 않습니다.

이용 목적: 이미지 배치, 반응형 후보, 접근 가능한 대체 텍스트, 전달 상의 절충에 관한 논의를 준비할 때 사용하세요.

비공개 파일 선택기 / 로컬 읽기 전용

검토할 출발점.

로컬 이미지를 선택하여 브라우저가 보고하는 기본 메타데이터와 치수를 확인하세요. SIU는 선택한 파일을 업로드, 전송, 보관, 최적화 또는 저장하지 않습니다.

로컬 이미지 선택 — 이미지가 선택되지 않았습니다. 업로드되거나 저장된 항목이 없습니다.

메모리 내 읽기 / 이 탭

선택된 이미지는 이름, 브라우저가 보고한 MIME 유형, 바이트 크기, 최종 수정 시간, 로컬에서 해독 가능한 치수를 보여줍니다.

미리보기는 생성되지 않습니다. 로컬 메타데이터가 검토에 유용한 경우에만 이미지를 선택하세요.

방법 / 출처 기반

로컬 이미지 한 장을 선택하세요. 브라우저는 이름, MIME 유형, 바이트 크기, 최종 수정 타임스탬프, 그리고 해독 가능한 경우 메모리 내 픽셀 치수를 읽습니다.
치수를 의도한 렌더링 너비와 디바이스 밀도에 대비하여, 페이지에 여러 이미지 후보나 아트디렉션이 필요한지 결정합니다.
마크업 문맥을 검토하세요: 의미 있는 대체 텍스트, 적절한 경우 선언된 치수, 반응형 소스 선택, 로딩 우선순위는 별도의 결정입니다.
원본 소스 자산은 팀의 자산 및 라이선스 프로세스에 따라 유지하세요. 이 페이지는 파생 파일을 생성하지 않습니다.

검증 / 의존하기 전에

팀이 승인한 브라우저 및 성능 도구로 의도한 브레이크포인트에서 렌더된 페이지를 검사하세요.

코드 리뷰에서 이미지 대체 텍스트와 실제 반응형 마크업을 확인하세요.

개선 주장 전에 실제 환경에서 전달을 측정하세요.

권위 / 검토

계획 근거: web.dev의 responsive-image 안내 및 MDN의 File API 문서

web.dev — Responsive images ↗web.dev는 이미지 바이트가 클 수 있음을 설명하고, 적절한 사용 사례를 위한 반응형 후보, srcset, sizes, picture를 다룹니다.
MDN — Using files from web applications ↗MDN은 사용자가 선택한 File 객체와 로컬에서 확인 가능한 이름, type, 크기 메타데이터를 문서화합니다.

맥락 / 인수인계를 연결 유지

작성자: SIU Enablement 편집 초안; 소스 범위의 운영 지침. 검토자: 디자인, 접근성, 성능 및 권리 소유자는 전달 문맥에서 이미지를 검토합니다. 재검증: 배치, 반응형 규칙, 자산 출처 또는 전달 제공자가 변경될 때 재검증하세요.