이미지를 base64로 인코딩 한 다음 문자열로 html에 삽입
아래와 같은 base64 툴을 이용해 이미지를 base64로 변환
Image to Base64 | Base64 Encode | Base64 Converter | Base64
Image to Base64 Convert image to Base64 online and use the result string as data URI, img src, CSS background-url, and others. Sometimes you have to send or output an image within a text document (for example, HTML, CSS, JSON, XML), but you cannot do this
base64.guru
인코딩된 문자열을 복사해 둠
html에 base64로 변환된 문자열 삽입
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<td><img src="data:image/png;base64, 여기에 base64 문자열 복붙" alt="직인" style="width: 250px; height: 250px;" /></td>
</body>
</html>
결과
'💻 it > development' 카테고리의 다른 글
| [Git] Git Branching Strategy(feat. 브랜치 전략) (1) | 2025.11.18 |
|---|---|
| [JavaScript] htmlToPdf convert(feat. html2pdf) (0) | 2025.11.18 |
| [Vue.js] checkbox 일괄 체크 (0) | 2025.11.18 |
| [springBoot] 인터셉터를 통해 메뉴 접근 관리 (0) | 2025.11.16 |
| [thymeleaf] 동적 url 생성(feat. @{/url}) (0) | 2025.11.16 |
댓글