- If you're in Photoshop, fiddle with the 'Save for Web' in Photoshop's settings.
- If you're on a Mac, download ImageOptim (https://imageoptim.com/mac) and turn this setting on: https://i.stack.imgur.com/0IplL.png. (Bonus) If you're using Sketch, you can run ImageOptim automatically (https://imageoptim.com/sketch)
- Use TinyPng (https://tinypng.com/)
- Use Kraken (https://kraken.io/web-interface)
I love them because it makes it easy to dig into the code of emails that I love and share them around.
At my previous gig, a text-heavy newsletter with a simple single-column layout, I had the view in browser at the bottom -- but, I also tagged the logo at the top with it, which wasn't an obvious link. having the logo go to the browser view was controversial, but I wanted to keep them in the email zone and capture any clicks rather than just dump them into the home page without any clear direction.
I like “view in browser” too not just for creeping on code but so that the email can be “bookmarked"
Couple clients we just recently moved the webpage link down to the footer area as they got low clicks, but another client has quite high clicks on it (in the top 5 clicked links), we're assuming likely due to the high Outlook usage they have. So when we give the template a design update in the coming weeks we may keep it at the top.
My process starts with a functional spec. I’ve been using a modified version of a template that Jay Jhun shared at Litmus Conference 2014. This allows everyone on my team to contribute early and build a shared understanding of what we’re doing.
I design in Sketch, which has great tools for exporting optimized images. I share my progress early and often by dropping a design in chat, linking to an Invision project from Google Docs, or posting a PNG in Trello.
After a design is validated, I jump into Sublime using my starter template. When the rough draft is coded, I move to Litmus Builder and push it across the finish line. Lastly, I integrate it into SendGrid, Iterable, Campaign Monitor, our codebase, or whatever ESP it needs to be in and support the team in QA and reporting.
There a couple options, some of which have been mentioned. My suggestion: Do at least two of these, as they each seem to find
kb's the others don't.
Don't want to step on Campaign Monitor's toes, but a few folks have mentioned rebuilding something similar. Campaign Monitor is still mostly valid, but there are so many more clients and additional HTML/CSS properties that aren't covered.
I like this approach, especially for folks shackled to desktop Outlook. I bet you can even get away with displaying it at the top near a logo, if only desktop Outlook would display the table-cell/link. Thanks for the suggestion!
Hmm, good point about curated email with very specific content, a link would be a good way to share this.
Adding a few comments I received in Slack: