Public:HowTos:Create an HTML Signature: Difference between revisions

From CyVon Wiki
Jump to navigation Jump to search
>Mike.rosendahl
(Created page with "Wiki - Mobile Email signature converson to HTML In some cases mobile phones have an issue directly inserting an image file as a signature. Example: (Apple mail and outlook Th...")
 
>Mike.rosendahl
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
Wiki - Mobile Email signature converson to HTML
'''Wiki - Mobile Email signature conversion to HTML'''


In some cases mobile phones have an issue directly inserting an image file as a signature.
In some cases mobile phones have an issue directly inserting an image file as a signature.
Example: (Apple mail and outlook This may vary depening on your device)  
Example: (Apple mail and outlook This may vary depending on your device)  
Following the process below you can accomplish this.
Following the process below you can accomplish this.


Using the site below. We can convert an image file to HTML.  
Using the site below. We can convert an image file to HTML.  
https://html.imageonline.co/
https://html.imageonline.co/


1. Click tab Image to HTML.
*Click tab Image to HTML.
2. Upload the Signature (.Jpeg, .PNG)
*Upload the Signature (.Jpeg, .PNG)
3. Click Convert
*Click Convert
4. Download
*Download
 
After converted we will need to extract the image source from the HTML code.
After converted we will need to extract the image source from the HTML code.
5. After downloaded open the file using notepad.
 
Example of the converted HTML Code (this code is shortend and will normally be 10 pages)
*After downloaded open the file using notepad.
6.      We are looking for <img src="data: (high lighted below)
 
<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, initial-scale=1"><style>img{display: block; margin-left: auto; margin-right: auto;}</style></head><body><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcwAAABeCAYAAACuAiR6AAAgAElEQVR4Xu1dB3RUVdfdM+mh996bUiyoVBt
Example of the converted HTML Code (this code is shorter and will normally be very large)
7.      We are going to take everything from withing the body of  <img src="data: >
 
We are looking for <img src="data: (high lighted below)
<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, initial-scale=1"><style>img{display: block; margin-left: auto; margin-right: auto;}</style></head><body>#<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcwAAABeCAYAAACuAiR6AAAgAElEQVR4Xu1dB3RUVdfdM+mh996bUiyoVBt
*We are going to take everything from withing the body of  <img src="data: >
The data we need will start and end with < and >
The data we need will start and end with < and >
8.      We will take that string of HTML code and save it into the mobile phone application.
*We will take that string of HTML code and save it into the mobile phone application.
9.      Save the signature and verify that it does show by composing and email.
*Save the signature and verify that it does show by composing and email.

Latest revision as of 17:45, 11 March 2020

Wiki - Mobile Email signature conversion to HTML

In some cases mobile phones have an issue directly inserting an image file as a signature. Example: (Apple mail and outlook This may vary depending on your device) Following the process below you can accomplish this.

Using the site below. We can convert an image file to HTML.

https://html.imageonline.co/

  • Click tab Image to HTML.
  • Upload the Signature (.Jpeg, .PNG)
  • Click Convert
  • Download

After converted we will need to extract the image source from the HTML code.

  • After downloaded open the file using notepad.

Example of the converted HTML Code (this code is shorter and will normally be very large)

We are looking for <img src="data: (high lighted below) <!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, initial-scale=1"><style>img{display: block; margin-left: auto; margin-right: auto;}</style></head><body>#<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcwAAABeCAYAAACuAiR6AAAgAElEQVR4Xu1dB3RUVdfdM+mh996bUiyoVBt

  • We are going to take everything from withing the body of <img src="data: >

The data we need will start and end with < and >

  • We will take that string of HTML code and save it into the mobile phone application.
  • Save the signature and verify that it does show by composing and email.