이미지를 data:image/png;base64,...처럼 텍스트로 변환해서 HTML에 직접 넣을 수 있습니다. Base64 인코딩 방법을 알아봅니다.
Base64란
바이너리 데이터를 64개의 문자(A-Z, a-z, 0-9, +, /)로 표현하는 인코딩입니다. 이메일 첨부, JSON 전송 등에 사용됩니다.
이미지 변환
이미지 파일을 Base64로 인코딩하면 긴 문자열이 됩니다. data:image/png;base64, 뒤에 붙여서 img src에 사용할 수 있습니다. 텍스트 변환기에서 파일 Base64 변환이 가능합니다.
장단점
장점: 별도 파일 요청 불필요, 작은 아이콘에 적합. 단점: 크기 33% 증가, 캐싱 안 됨. 큰 이미지는 권장하지 않습니다.
프로그래밍
JavaScript: btoa(), atob(). Python: base64.b64encode(), b64decode().
프로그래밍과 텍스트 변환
프로그래밍에서 문자열 처리는 가장 기본적이면서도 중요한 영역입니다. 사용자 입력을 받아 처리하거나, 외부 API와 통신하거나, 데이터베이스에 저장할 때 항상 텍스트 변환이 필요합니다. 잘못된 처리는 보안 취약점이나 버그로 이어질 수 있습니다.
텍스트 변환기로 변환 결과를 미리 확인하면 코드 작성 시 참고할 수 있습니다. 특히 이스케이프 처리나 인코딩 변환은 규칙이 복잡해서, 도구를 사용해 검증하는 것이 좋습니다.
다양한 텍스트 형식의 이해
JSON, XML, CSV, HTML 등 텍스트 기반 데이터 형식은 각각 고유한 규칙을 가지고 있습니다. 한 형식에서 다른 형식으로 변환할 때는 이런 규칙을 정확히 이해하고 적용해야 합니다. 온라인 변환 도구는 이런 변환 작업을 정확하게 수행하는 데 도움이 됩니다.
특히 특수문자 처리는 형식마다 다릅니다. HTML에서는 앰퍼샌드를 엔티티로 변환해야 하고, JSON에서는 따옴표를 이스케이프해야 합니다. 이런 세부 규칙을 모두 외우기는 어렵기 때문에 적절한 도구를 활용하는 것이 현명합니다.