One More Thing » Community » Forum » Pro » Grafisch & Fotografie » Handtekening in email superscherp krijgen

Handtekening in email superscherp krijgen

Profielfoto van Studio Sjalot

Studio Sjalot op 17 mei 2017 #

Kan iemand mij tips geven hoe een email handtekening superscherp te krijgen?

– Programma: Mail voor Mac
– Bestand: .png opgemaakt in Illustrator (tekst + beeld)
– Opgemaakt op ware grootte
– Hoe opslaan in Illustrator: Save for web, Save for screens, Export as? Bepaalde instellingen?

Het lukt, maar nooit scherp genoeg..
Graag jullie advies.
Bedankt!

(effe de knop aangezet ‘hou me op de hoogte via email’) ;-)

  • Dit onderwerp is gewijzigd 5 maanden geleden door Profielfoto van Night Night. Reden: Je kan je eigen berichten altijd aanpassen en aanvullen via je avatar
  • Dit onderwerp is gewijzigd 5 maanden geleden door Profielfoto van Night Night.
Profielfoto van Night

Night [moderator] op 17 mei 2017 #

Superscherp kan alleen als het een vector bestand is (anders krijg je een enorme handtekening, omdat deze standaard als 72dpi getoond wordt).

Zorg in Illustrator dat alles vector is (dus geen bitmap) en kies dan voor bewaar als…. SVG.

Vervolgens het geheel opmaken als HTML, openen in Safari, het geheel selecteren, kopiëren en in het handtekening-vak van Mail weer plakken.

Profielfoto van EagerB0bNerd

EagerB0bNerd op 17 mei 2017 #

Zorg eerst dat het logo geschikt is, dus als je het in Illustrator maakt moet je werken met een grid en alles zo veel mogelijk pixelperfect maken, zodat je zo min mogelijk anti-aliasing krijgt. Zie hier: https://dcurt.is/pixel-fitting
Dat scheelt al enorm.

Opgemaakt op ware grootte

Als je het echt retescherp wilt zou het ook op dubbele grootte kunnen doen en dan met (inline) CSS de grootte halveren. Zelfde als retina images in een website. Heb het zelf nooit geprobeerd in een e-mail signature (wel goed idee) maar neem aan dat het toch prima moet kunnen. Wel even testen hoe het werkt in Outlook en andere mail clients

Profielfoto van Studio Sjalot

Studio Sjalot op 20 mei 2017 #

Het is mij tot nu toe nog niet gelukt.
Afbeelding is idd volledig vector: tekst + beeld.
Ik wil graag 1 afbeelding opslaan en deze rechtstreeks importeren in Mail.

Svg lukt niet.
Iets opmaken als .html daar ken ik helaas te weinig van.
Liever enkel Illustrator en Mail, indien mogelijk.

Profielfoto van Night

Night [moderator] op 20 mei 2017 #

En toch zul je dat in HTML moeten doen, aangezien de handtekening in Mail niets anders is dan….jawel…. HTML.
En het mooiste is als je het in tabelvorm opmaakt. Dan kun je zaken ook op hoogte en breedte aan elkaar laten lijnen.

Zoe maar eens op voorbeelden van HTML:
• table
• img src

Bewaar je document maar eens als svg op de desktop en maak vervolgens een nieuw document in TextEdit (standaard op je Mac) en druk even op ⌘⇧T om het text-only te maken:

<html>
<body>
<img src="SleepHierJeDodumentHeen" width="100%" />
</body>
</html>

Vervang SleepHierJeDocumentHeen door jouw bestandsnaam.
Bewaar het tekstbestandje als svg-voorbeeld.html (vooral de extensie is belangrijk) en dubbelklik erop. Speel nu in Safari maar eens met de venstergrootte. Dan zul je zien dat je afbeelding scherp blijft, hoe je hem ook schaalt. (zorg wel dat je artboard in Illustrator ± even groot is als de afbeelding)

Als je weet hoe groot je je afbeelding wil hebben in Mail (breedte in pixels), dan kun je de 100% hierboven vervangen door 000px, waarbij de 000 het juiste aantal pixels is, uiteraard.

Vervolgens kun je de inhoud van het Safari venster kopiëren en in Mail handtekeningen plakken.

Profielfoto van feek

feek op 20 mei 2017 #

@studio Sjalot,
als HTML niet tot je standaard bagage behoort, nou vergeet het dan maar dat je het voor elkaar gaat krijgen.

Dit omdat je een oneindig aantal e-mail clients hebt (Apple Mail, Outlook, Gmail, Webmail, mobiele clients enz enz) die allemaal op hun eigen wijze HTML interpreteren. Op je Mac mag het er misschien wel goed uit zien, maar grote kans dat een ontvanger een belabberd mailtje ziet. Een goede HTML e-mail maken is een ‘vak apart’. Naast HTML zal je gebruik moeten maken van CSS, die ook weer inline verwerkt moet zijn en de juiste attributen! Bovendien moeten geschaalde afbeeldingen in bepaalde verhoudingen gemaakt worden, anders vern*kt Outlook de lay-out.

Kortom maak een eenvoudige en korte tekstuele handtekening! Mail is gemaakt om ‘platte’ tekst te versturen!

Profielfoto van Jos Opel

Jos Opel op 21 mei 2017 #

Bij de buurman vond ik dit artikel. Werkt perfect en als de reacties (o.a. van mij) ook leest kom je een paar leuke tips tegen:
https://www.appletips.nl/html-handtekening-css-mac-mail/

Profielfoto van Studio Sjalot

Studio Sjalot op 26 mei 2017 #

Dankjewel Jos!

Wat hier ook bij mij gelukt is, is als je een afbeelding importeert in de email handtekening en je maakt die een heel stuk breder dan enkel de breedte waat het logo instaat. Dan is dit precies veel scherper. Als je dan je emailvenster breder of smaller maakt, dan schaalt de afbeelding in verhouding en blijft de tekst gelijk.

Over dit topic

Gestart op 17 mei 2017 door Studio Sjalot

Laatste reactie door Studio Sjalot

Je kunt alleen reageren met een gratis OMT account.
Heb je geen OMT account? Registreer je dan nu gratis!

Inloggen

 

of Wachtwoord resetten?