위에서 볼 수 있듯이 Base64를 이미지 변환기로, 이미지를 Base64로 변환기를 선택하는 두 가지 옵션이 있습니다. Base64 to image는 모든 Base64 문자열을 이미지 형식으로 변환합니다. Image to Base64는 이미지를 Base64 문자열로 변환합니다. 필요에 따라 옵션을 클릭하십시오.
Base64를 이미지 변환기 도구로 사용하는 방법
Base64 to 이미지 변환기 도구는 Base64 인코딩 문자열을 이미지로 변환하는 데 도움이됩니다. 다운로드 버튼을 클릭하여 해당 이미지를 다운로드 할 수 있습니다. Base64로 인코딩 된 문자열을 입력 상자에 붙여 넣기 만하면 자동으로 이미지로 변환되고 미리보기가 화면에 표시됩니다. Base64로 인코딩 된 문자열이 포함 된 텍스트 파일을 선택할 수도 있습니다. Base64 인코딩 문자열을 복사하고 입력 상자를 지우는 옵션도 있습니다.
이미지를 Base64로 변환 도구를 사용하는 방법
Image to Base64 변환기 도구는 모든 이미지를 Base64 인코딩 문자열, html 이미지 태그 코드 및 CSS 배경 이미지 코드로 변환하는 데 도움이됩니다. 위의 직사각형 상자에 이미지를 끌어다 놓거나 클릭하여 이미지 파일을 선택하기 만하면됩니다.
처리가 완료되면 세 개의 입력 상자가 나타납니다. 첫 번째 입력 상자에는 Base64 인코딩 문자열이 포함됩니다. 두 번째 입력 상자에는 HTML 이미지 태그 코드가 포함되어있어 HTML 파일에 복사하여 직접 붙여 넣을 수 있습니다. 세 번째 상자에는 배경 이미지 속성이있는 CSS 코드가 포함됩니다. CSS 파일에 직접 복사하여 붙여 넣을 수 있습니다. 또한 각 입력 상자 위에 다운로드 옵션이있어 텍스트 파일 형식으로 각 데이터를 다운로드하는 데 도움이됩니다. 이 도구는 일반적으로 사용되는 거의 모든 이미지 형식을 지원합니다.
Base64 문자열을 이미지로 변환해야하는 이유
데이터 URI에 사용되는 Base64 문자열의 크기는 원본 파일보다 33 % 더 큽니다. 대용량 데이터는 웹 성능에 영향을 미칠 수 있습니다. 인코딩 된 데이터를 이미지로 변환하고 파일로 사용하면 웹 애플리케이션의 성능이 향상 될 수 있습니다. Base64를 이미지로 변환하는 또 다른 이유는 하드 디스크에 저장할 수 있고 타사 이미지보기 및 편집 도구를 사용하여 보거나 편집 할 수있는 파일이 있다는 것입니다.
Base64 인코딩이란?
Base64는 이진 데이터의 텍스트 인코딩입니다. 인코딩 된 텍스트에는 숫자, 문자 및 +, / 및 =와 같은 기호 만 있습니다. 특히 텍스트 데이터에 사용되는 미디어를 통해 바이너리 데이터를 저장하거나 전송하는 가장 편리한 방법 중 하나로 알려져 있습니다. 또한 이메일 및 HTML 양식 데이터와 같은 것들로 쉽게 전송할 수 있습니다. 텍스트를 Base64로 변환하는 과정은 데이터 3 바이트 당 4 문자를 사용하고 끝에는 약간의 패딩을 추가 할 수 있습니다. 패딩에는 등호 (=)가 사용됩니다. 인코딩 된 문자열은 URL에 안전한 변형이므로 URL의 쿼리 매개 변수에 값으로 전달할 수도 있습니다.
Base64 인코딩을 사용해야하는 이유
네트워크를 통해 전송하려는 바이너리 데이터가있을 때 일부 미디어 콘텐츠는 스트리밍 텍스트 용으로 만들어지기 때문에 일반적으로 비트와 바이트를 원시 형식으로 유선을 통해 스트리밍하는 방식으로 수행하지 않습니다. 비트나 바이트 형식으로 전송하면 일부 프로토콜은이 바이너리 데이터를 모뎀과 같은 제어 문자로 해석 할 수 있습니다. 기본 프로토콜이이 데이터에 특수 문자 조합이 포함되어 있다고 가정 할 수 있기 때문에 이러한 이진 데이터가 손상 될 수 있습니다. 예를 들어 FTP는 줄 끝을 변환합니다. 이 문제를 해결하기 위해 이러한 이진 데이터를 문자로 인코딩합니다. Base64는 이러한 유형의 인코딩 중 하나입니다.
Base64로 인코딩 된 문자열에는 인코딩 된 데이터를 나타내는 64 개의 ASCII 문자가 포함됩니다. 이 64 문자는 모든 길이의 데이터를 인코딩하기에 충분합니다. base64 인코딩의 유일한 단점은 인코딩 된 문자열의 크기가 원래 문자열에 비해 33 % 더 크다는 것입니다. 모든 base64 문자는 많은 문자 집합에 존재하므로 전송 된 데이터가 손상되지 않고 다른 쪽 끝에 확실히 도달 할 수 있습니다. Base64 문자는 4 개의 그룹으로 그룹화 할 수 있습니다.:
- 대문자 알파벳 (0-25 표시): ABCDEFGHIJKLMNOPQRSTUVWXYZ
- 소문자 알파벳 (26-51): abcdefghijklmnopqrstuvwxyz
- 숫자 (인덱스 52-61): 0123456789
- 기호 (62-63 표시): +/
base64로 인코딩 된 문자열의 문자는 대소 문자를 구분합니다. 이는 예를 들어 ab ==, Ab ==, aB == 및 AB ==와 같은 base64 인코딩 문자열을 디코딩하려고 할 때를 의미합니다. 4 개의 다른 결과를 얻을 수 있습니다. 등호 (=)는 색인의 일부가 아니며 인코딩 프로세스에도 관여하지 않습니다. 패딩에만 사용되며 패딩 문자라고도합니다. base64로 인코딩 된 문자열이 4 바이트의 배수가되어야하므로 항상 인코딩 된 문자열의 끝에 추가됩니다. 더 나은 이해를 위해 아래에 주어진 base64 문자 인덱스 테이블을 살펴보십시오.
대문자
| 인덱스 | 캐릭터 |
|---|---|
| 0 | A |
| 1 | B |
| 2 | C |
| 3 | D |
| 4 | E |
| 5 | F |
| 6 | G |
| 7 | H |
| 8 | I |
| 9 | J |
| 10 | K |
| 11 | L |
| 12 | M |
| 13 | N |
| 14 | O |
| 15 | P |
| 16 | Q |
| 17 | R |
| 18 | S |
| 19 | T |
| 20 | U |
| 21 | V |
| 22 | W |
| 23 | X |
| 24 | Y |
| 25 | Z |
소문자
| 인덱스 | 캐릭터 |
|---|---|
| 26 | a |
| 27 | b |
| 28 | c |
| 29 | d |
| 30 | e |
| 31 | f |
| 32 | g |
| 33 | h |
| 34 | i |
| 35 | j |
| 36 | k |
| 37 | l |
| 38 | m |
| 39 | n |
| 40 | o |
| 41 | p |
| 42 | q |
| 43 | r |
| 44 | s |
| 45 | t |
| 46 | u |
| 47 | v |
| 48 | w |
| 49 | x |
| 50 | y |
| 51 | z |
번호
| 인덱스 | 캐릭터 |
|---|---|
| 52 | 0 |
| 53 | 1 |
| 54 | 2 |
| 55 | 3 |
| 56 | 4 |
| 57 | 5 |
| 58 | 6 |
| 59 | 7 |
| 60 | 8 |
| 61 | 9 |
기호
| 인덱스 | 캐릭터 |
|---|---|
| 62 | + |
| 63 | / |
Base64는 어디에 사용됩니까?
Base64는 다양한 컨텍스트에서 사용됩니다. 그들 중 일부는 아래에 나와 있습니다.
- Base64는 모든 종류의 구분 기호 충돌을 피하기 위해 텍스트 데이터를 전송하고 저장하는 데 사용할 수 있습니다.
- 이진 데이터는 Base64를 사용하여 XML 파일에 포함됩니다.
- Base64는 외부 파일에 대한 종속성을 피하기 위해 이미지와 같은 이진 파일을 인코딩하는 데 사용됩니다.
- 데이터 URI 체계는 Base64를 사용하여 이미지 파일을 나타냅니다. 그렇기 때문에 HTML 문서의 이미지 소스는 외부 파일 또는 데이터 URI에 대한 경로가 될 수 있습니다.
- Base64는 간단하고 사용하기 쉽기 때문에 암호화 키 관리의 오버 헤드없이 비밀을 숨기는 데 일반적으로 사용됩니다.
- 스팸 발송자는 Base64 인코딩을 사용하여 기본 스팸 방지 도구를 사용하지 않습니다. 인코딩 된 메시지에서 키워드를 감지 할 수 없기 때문입니다.
- LDIF 파일에서 Base64는 문자열을 인코딩하는 데 사용됩니다.
데이터 URL 또는 데이터 URI 란
데이터 URL 또는 URI는 데이터 균일 리소스 로케이터 또는 균일 리소스 식별자를 나타냅니다. HTML 문서에서 데이터를 인라인하는 메커니즘을 제공하는 단순한 체계입니다. 데이터 URI에는 파일을 나타내는 base64 인코딩 문자열이 포함됩니다.
파일은 다른 유형일 수 있지만 가장 일반적으로 이미지 파일입니다. base64로 인코딩 된 문자열 형식의 이미지 데이터가 있다는 것은 단순히 웹에 이미지를 표시하기 위해 이미지 위치를 지정할 필요가 없음을 의미합니다. 인코딩 된 문자열을 소스 속성 값으로 직접 사용하여 이미지를 표시 할 수 있습니다. 브라우저가 데이터 URI를 발견 할 때마다 파일을 디코딩하고 원본 파일을 구성 할 수 있습니다. 데이터 URI 체계에는 MIME 유형 및 base64 인코딩 문자열과 같은 파일에 대한 정보가 포함됩니다. 아래에 주어진 코드를 살펴보십시오.
data:[<MIME-type>][;charset=<encoding>][;base64],<data>
파일 크기에 따라 base64로 인코딩 된 문자열 길이가 다를 수 있습니다. HTML 파일뿐만 아니라 CSS 파일에서도 데이터 URI를 사용할 수 있습니다.
데이터 URL 또는 데이터 URI 사용의 장점
파일 경로 대신 데이터 URI를 사용하는 주요 이점은 나가는 http 요청 수를 줄이는 것입니다. 동일한 파일을 반복해서 요청하는 서버에 대한 http 요청이 너무 많으면 서버의로드가 증가 할 수 있습니다. HTML에 직접 임베드하면 파일이 이미 인코딩 된 형식으로 HTML 문서에 있으므로 더 이상 나가는 요청이 없습니다. 브라우저는 그것을 디코딩하고 표시하기 만하면됩니다. 위에서 언급했듯이 데이터 URI의 base64 문자열 크기는 실제 파일 크기보다 33 % 더 커집니다. 그것은 모두 성능 최적화에 관한 것이며 파일을로드 할 방법을 선택하는 데 엄격하게 달려 있습니다.
데이터 URI는 브라우저에 의해 캐시되지 않으므로 사용자가 웹 페이지를 방문 할 때마다 브라우저는 전체 HTML을 다운로드해야하며 포함 된 데이터를 디코딩해야합니다. HTML에서 데이터 URI를 너무 많이 사용하면 웹 사이트 성능이 크게 저하 될 수 있습니다. 사용량을 가능한 한 낮게 유지해야합니다. 고속 무선 연결로 인해 데스크탑이나 노트북에서 성능면에서 큰 차이를 보지 못할 수 있습니다. 그러나 인터넷 속도가 느린 모바일 장치의 경우 심각한 피해를 입힐 수 있습니다. 웹 사이트가 모바일 장치에로드되는 데 너무 많은 시간이 걸리면 확실히 수익 손실이 발생하고 사용자 참여가 적거나 없습니다.
데이터 URI 브라우저 지원
데이터 URI는 모든 최신 브라우저에서 지원됩니다. IE5 및 IE7과 같은 이전 브라우저는 지원하지 않으므로 해당 브라우저에 대한 지원이 필요하거나 온라인에서 대체 솔루션을 찾을 수있는 경우 사용하지 마십시오. 아래에 제공된 지원되는 브라우저 목록을 살펴보십시오.
- Firefox 버전 2 이상
- Opera 버전 7.2 이상 (데이터 URI의 길이는 4100 자 이하 여야 함)
- Chrome (모든 버전이 지원됨)
- Safari (모든 버전이 지원됨)
- Internet Explorer 8 이상 (데이터 URI의 크기는 32kb보다 작아야 함)
부인 성명:우리는 변환 결과가 가능한 한 정확한지 확인하기 위해 합리적인 노력을 기울이지 만 보장 할 수는 없습니다. 여기에 제공된 세부 정보를 사용하기 전에 인터넷의 다른 신뢰할 수있는 소스에서 정확성을 검증해야합니다.
부인 성명 | TOS | 약 | 은둔 | Kody Tools
Copyright@2023