데이터 URI는 언제 사용하는 것이 좋은가요?
데이터 URI는 기발한 느낌을 줍니다. 하나의 긴 문자열, 작은 이미지가 나타나고 추가 요청이 없으며 프로토타입에 적합합니다. 임시 인라인 블롭이 영구적이 되어 페이지가 부풀어오르고, 캐시가 혼란스러워지고, 디자인 팀이 실제 소스 파일을 숨길 때 고통이 닥칩니다. 마케팅과 제품은 이를 느린 경험, 비대한 HTML, 누군가가 작다고 생각한 매크로를 거부하는 이메일 제한으로 여깁니다. 데이터 URI 생성기를 사용하면 실제 테스트에 적합한 접두사, MIME 유형 및 Base64 본문을 구축하는 동시에 병합하기 전에 문자열의 크기를 확인할 수 있습니다. 승리는 정직한 절충 대화입니다. 데모를 위한 빠른 인라인, 정적 URL 및 세계 최적화입니다. 무료 데이터 URI 온라인 도우미는 조용히 끊어지는 절반 복사된 문자열도 중지합니다. 당신이 건너뛰는 좌절감은 명확한 소유자가 없는 출시 후 성능 미스터리입니다. 웹과 브랜드를 조율하는 경우 크기 위험을 조기에 지정하고, 제작을 위한 실제 자산을 선택하고, 인라인 콘텐츠에 대한 보안 규칙을 염두에 두십시오. 데모가 끝나면 사양에 정말로 필요하지 않은 한 인라인 blob을 제거하십시오. 장기적인 부풀림은 아무도 말하고 싶어하지 않는 마케팅 이야기가 되기 때문입니다. 그 결과 유지 관리가 가능한 사이트, 검색 가능한 자산, 얼굴을 붉히지 않고 설명할 수 있는 출시가 탄생했습니다. 요점을 증명하는 가장 작은 URI를 구축한 다음 실제 파일을 해당 위치에 놓으면 사용자는 오래된 트릭이 아닌 측정할 수 있는 속도를 얻게 됩니다. 템플릿의 미스터리 문자열에 지쳤다면 출시하기 전에 생성기에 2분을 투자하세요. 그러면 미래의 지표가 감사하다고 말할 것입니다. 실제 파일 경로는 검색 가능한 반면, 묻혀 있는 데이터 URI는 다음 편집자를 위한 고고학입니다. 리더십이 페이지 무게에 대해 묻는 경우 어깨를 으쓱하지 말고 계획을 세워 대답하십시오. 시간 제한이 있는 실험을 위해 데이터 URI를 사용한 다음, 데모 습관이 프로덕션 수하물로 변하기 전에 실제 미디어를 적절한 집으로 옮겨보세요.
데이터 URI를 작성하는 방법
- 작은 자산으로 시작하여 팀과 함께 파일 형식을 확인하세요. 잘못된 MIME 헤더는 미묘한 방식으로 브라우저를 오도하기 때문입니다.
- data:image/png;base64,...(또는 올바른 유형)을 생성한 다음 프로덕션 템플릿에 병합하기 전에 빈 HTML 파일에서 테스트합니다.
- 자산이 커지면 데이터 URI를 다시 확장하는 대신 고정 URL, 이미지 최적화, 캐시 정책으로 이동하세요.