이미지 → Base64

이미지를 넣으면 data URI 와 함께, 붙여 넣을 언어에 맞는 코드 조각이 나옵니다. CSS·HTML·마크다운 각각의 따옴표와 이스케이프를 그 언어 방식대로 처리해 둡니다.

이미지를 코드에 심으면 네트워크 요청이 하나 줄어듭니다. 요청이 많은 페이지의 작은 아이콘이라면 실제로 이득입니다. 그런 파일은 내용보다 요청 자체가 더 비싼 경우가 많습니다.

다만 base64 는 파일을 3분의 1쯤 키우고, 심어 넣은 이미지는 그것을 담은 파일과 따로 캐시되지 않습니다. 대략 10KB 를 넘으면 아낀 요청보다 늘어난 무게가 더 비싸지므로 경고를 띄웁니다.

SVG 는 다른 형식보다 심어 넣을 만한 경우가 많습니다. 압축이 잘 되고 원래도 대개 작기 때문입니다.

HTML 과 마크다운 조각의 대체 텍스트는 파일 이름에서 가져옵니다. 이름에 큰따옴표가 있으면 속성이 그 자리에서 닫히지 않도록 바꿔 둡니다.

이미지는 업로드되지 않습니다. 브라우저 안에서 읽고 변환합니다.