Post by account_disabled on Feb 25, 2024 6:25:10 GMT
Intervention to ensure that email marketing is displayed correctly in email programs. This is because, by default, Photoshop generates HTML that is not of the best quality: it is not valid by the W3C , uses disused attributes and has commented sections similar to these: <-- Save for Web Slices (NOMEDOARQUIVO.jpg) --> (código HTML) <-- End Save for Web Slices --> view rawcomentario-html-automatico.html hosted with by GitHub The problem with keeping this comment in the HTML of the marketing email is that some antispams can identify them and assign a spam score to the message, impairing its delivery. Of course, it is possible to remove this comment from the code after it is generated by Photoshop, but instead of doing this manually each time the HTML is saved, you can adjust the HTML preferences that Photoshop will generate, so that it comes out always right. In the “Save for Web” window, click on the corner to the right of the “preset” option and, in the submenu that appears, click on “Edit Output Settings”.
In the dialog box that opens, leave the preferences like this: Note that the Output XHTML option is enabled and insertion of comments is disabled. Click OK , and then Save in the Save for Web window (after adjusting the image quality of each slice ). In the dialog box where you will choose the path where the file will be saved, choose the HTML and images format . Always assign display:block in the inline CSS of each email marketing image Whether you exported the email marketing HTML automatically through Photoshop or are doing it Coinbase Virtual Currency Database manually, it is essential to insert the CSS property style="display:block;"in each image tag that exists in your HTML. This is what will make the images stay close to each other, without having that additional space that webmails add around them. Your image tag , after this edit, should look something like this: <img src="images/FOLDER_DEZEMBR==.png" width="600" alt="" border="0" style="display: block;" /> view rawimagem-html-automatico.
Html hosted with by GitHub This snippet of code will prevent email marketing from appearing to people with spaced images, like this: If your images have a link tag inside a, you will also need to insert the attribute border="0"to avoid that, in some email programs, the linked slices appear surrounded by an ugly blue border. Avoid colspan and rowspan in HTML to organize image slices When reviewing your HTML code, also check whether Photoshop — or the other program the HTML came from — inserted the attributes colspanor rowspansomething td. Depending on the type of cropping you made in the original image, the program will understand that it needs to organize some slices into columns and, instead of creating nested tables in the HTML, it will use colspanand rowspanto merge the table cells that do not have multiple columns. The problem is that some email programs, such as Outlook (always it) do not support these attributes, which can cause the appearance of the message to be broken.
In the dialog box that opens, leave the preferences like this: Note that the Output XHTML option is enabled and insertion of comments is disabled. Click OK , and then Save in the Save for Web window (after adjusting the image quality of each slice ). In the dialog box where you will choose the path where the file will be saved, choose the HTML and images format . Always assign display:block in the inline CSS of each email marketing image Whether you exported the email marketing HTML automatically through Photoshop or are doing it Coinbase Virtual Currency Database manually, it is essential to insert the CSS property style="display:block;"in each image tag that exists in your HTML. This is what will make the images stay close to each other, without having that additional space that webmails add around them. Your image tag , after this edit, should look something like this: <img src="images/FOLDER_DEZEMBR==.png" width="600" alt="" border="0" style="display: block;" /> view rawimagem-html-automatico.
Html hosted with by GitHub This snippet of code will prevent email marketing from appearing to people with spaced images, like this: If your images have a link tag inside a, you will also need to insert the attribute border="0"to avoid that, in some email programs, the linked slices appear surrounded by an ugly blue border. Avoid colspan and rowspan in HTML to organize image slices When reviewing your HTML code, also check whether Photoshop — or the other program the HTML came from — inserted the attributes colspanor rowspansomething td. Depending on the type of cropping you made in the original image, the program will understand that it needs to organize some slices into columns and, instead of creating nested tables in the HTML, it will use colspanand rowspanto merge the table cells that do not have multiple columns. The problem is that some email programs, such as Outlook (always it) do not support these attributes, which can cause the appearance of the message to be broken.