이메일용 CSS 인라이너
브라우저에서 로컬로 실행올바른 캐스케이드로 이메일 HTML에 CSS를 인라인하고 미디어 쿼리를 유지하며 안전하게 미리보기
이메일 HTML을 붙여 넣거나 .html 파일을 업로드하거나 예제를 불러오세요.
이메일용 CSS 인라이너
<style> 블록과 선택 사항인 추가 CSS의 스타일을 style 속성으로 옮깁니다. Gmail, Outlook 같은 이메일 클라이언트가 안정적으로 렌더링하는 형식입니다. 캐스케이드는 실제 명시도, 소스 순서, !important 처리로 계산되며, 인라인할 수 없는 미디어 쿼리, @font-face, :hover 규칙은 <style> 블록에 남습니다.
사용 방법
- 1.전체 이메일 문서나 프래그먼트를 붙여 넣거나 .html 파일을 업로드하거나 예제를 불러옵니다.
- 2.필요하면 링크 스타일시트 같은 CSS를 추가 CSS에 붙여 넣습니다.
- 3.출력 형태와 형식을 고르고, 고급에서 유지할 항목이나 추가할 HTML 속성을 바꿉니다.
- 4.경고를 검토한 뒤 HTML 탭이나 이메일 미리보기에서 데스크톱과 모바일 너비를 확인합니다.
- 5.HTML을 복사하거나 email-inlined.html을 다운로드합니다.
제한 및 개인정보
모든 처리는 juice 라이브러리로 브라우저에서 실행됩니다. 아무것도 업로드하지 않으며 링크 스타일시트나 @import 파일을 가져오지 않습니다. 미리보기는 스크립트 없는 샌드박스 프레임에서 실행되고, 원격 이미지는 허용할 때만 불러옵니다. 브라우저에서의 렌더링은 Gmail이나 Outlook 렌더링을 보장하지 않습니다. HTML과 옵션은 이 브라우저에 저장되며, 사이트 데이터를 지우면 삭제됩니다.
