Gmail에 HTML을 삽입하는 방법

이전 버전의 Gmail은 HTML을 허용했으며 쉽게 사용할 수 있도록 HTML 편집기도 제공했습니다. 이제 Gmail은 HTML 사용을 더 어렵게 만들고 실제로 지원되는 HTML에 제한을 둡니다. 즉, 이메일을 사용자 정의하고 디자인하는 데 도움이 되는 기본 HTML을 구현하는 것은 구현하기 쉽고 사용자 정의 이메일 서비스에 대한 비용을 지불하지 않고도 정말 멋진 디자인 요소를 만들 수 있습니다.

Gmail의 HTML 제한 사항

Gmail을 사용하면 WYSIWYG 편집기에서 간단한 형식을 지정할 수 있지만 더 복잡한 코드에는 외부 편집기를 사용할 수도 있습니다. 외부 편집기는 회사 브랜딩 및 뉴스레터 스타일 서식을 만드는 데 이상적이며 내부 편집기는 간단한 글꼴, 이모티콘 및 이미지에 적합합니다. 편집기 선택은 본질적으로 HTML의 복잡성과 실제 이메일에 대한 특정 요구 사항에 따라 다릅니다.

웹 글꼴은 Gmail 생태계 내에서도 작동하지 않습니다. Gmail에서 이미 제공한 글꼴만 사용할 수 있으므로 코드가 맞춤 글꼴을 렌더링하지 않으므로 이 외에 추가하는 것은 피하세요. 그러나 Gmail에서 제공하는 글꼴은 상당히 강력하며 사용자 정의 이메일에 대한 옵션이 많이 있습니다.

또 다른 한계는 외부 스타일 시트를 통합할 수 없다는 것입니다. 독립적인 CSS 시트를 작성하여 Gmail에 직접 연결할 수는 없습니다. 운 좋게도 CSS 코드의 특정 줄을 HTML 코드에 포함된 요소로 추가할 수 있습니다. 이것은 제한된 스타일링 능력으로 훌륭한 해결 방법을 제공하지만 Cascading Style Sheet의 전체 기능은 아닙니다.

Gmail에서 HTML 사용

제한 사항을 알았으니 이제 내부 편집기나 외부 편집기에서 HTML 코드를 작성하십시오. 외부 편집자는 일반적이며 종종 메일 목록 구독 관리 서비스와 통합됩니다. 다양한 옵션을 사용할 수 있는 무료 및 유료 버전이 있습니다. 내부 편집기가 제대로 작동하려면 일반 텍스트 편집기에서 원시 코드를 작성하거나 복사하여 붙여넣어야 합니다.

원시 코드를 작성하는 것이 항상 필요한 것은 아니기 때문에 외부 편집기는 많은 사용자에게 이상적입니다. 많은 버전이 미리 디자인된 템플릿과 코딩 지식이 필요 없는 끌어서 놓기 편집기와 함께 제공됩니다. 디자인은 Gmail과 같은 이메일 플랫폼의 한계 내에서 작동하도록 특별히 제작되었습니다.

Gmail에 맞춤 HTML 코드를 삽입할 때 가장 큰 장애물은 디스플레이입니다. 이메일은 다양한 기기에서 읽고 코드는 기기마다 다르게 표시됩니다. 랩톱에서 완벽하게 작동하고 모바일 장치의 레이아웃을 조정하지 못할 수 있습니다. 반응형 템플릿 디자인을 제공하는 외부 편집 플랫폼을 찾아 모든 장치에서 적절하게 크기가 조정되도록 합니다.

코드 렌더링

이메일을 디자인한 후에는 Gmail에 직접 코드를 입력할 차례입니다. 보내기 전에 테스트하는 것도 프로세스의 중요한 마지막 단계입니다. 전체 서비스 이메일 편집기 및 관리 시스템이 Gmail과 연결되어 외부 서비스를 통해 이메일을 보냅니다. 이러한 편집기는 일반적으로 테스트 이메일을 보내는 쉬운 방법과 일반 받은 편지함의 모든 항목을 볼 수 있는 방법을 제공합니다.

Gmail의 이메일에 HTML을 포함하려면 코드를 일반 텍스트 형식으로 복사하고 먼저 웹 브라우저에서 코드를 렌더링합니다. Chrome이나 다른 브라우저에서 HTML 파일을 여는 것은 괜찮습니다. 이렇게 하면 Gmail에 표시되는 이메일이 표시됩니다. 웹 브라우저 디스플레이에서 모든 것을 복사하여 Gmail에 직접 붙여넣으세요.

공식 이메일을 보내기 전에 제대로 표시되는지 확인하기 위해 테스트 이메일을 자신에게 보냅니다. Google은 또한 대량 이메일을 관리하고 공식 이메일 목록으로 보낼 수 있는 Gmass 확장 프로그램을 제공합니다.