Generator ng Email Signature
Gumawa ng propesyonal na HTML email signature na may larawan o logo, detalye sa pakikipag-ugnayan at social link, tapos i-paste sa Gmail, Outlook o Apple Mail.
Preview
Maaaring hindi lumabas sa preview na ito ang mga larawan mula sa URL (hinaharangan ng page na ito ang panlabas na larawan), pero lalabas ang mga ito sa iyong email.
Mga pagsusuri
Walang nakitang problema.
Paano gumawa ng email signature
- Punan ang Iyong detalye: buong pangalan, trabaho o posisyon, kompanya, email, telepono, mobile, website at address. Iwanang blangko ang anumang field para itago ang linya nito.
- I-paste ang buong address ng iyong Mga social profile (LinkedIn, X, Instagram, Facebook, YouTube, GitHub). Lumilitaw ang mga ito bilang text link sa accent na kulay mo.
- Magdagdag ng Logo o larawan. Ang pinakamainam na opsyon ay ang URL ng naka-host na larawan (inirerekomenda): ang https:// address ng larawan na nasa website mo na. Maaari ka ring pumili ng lokal na file, na isinasama sa signature (tingnan ang mga limitasyon sa ibaba).
- Pumili ng Template (Classic (larawan sa gilid), Stacked o Compact), isang Accent na kulay, isang Font at ang Lapad ng larawan. Lagyan ng tsek ang Bilugan ang larawan para sa bilog na larawan.
- Suriin ang Preview, tapos i-click ang Kopyahin ang signature at i-paste sa iyong email app. Ang Kopyahin ang HTML source at I-download ay nagbibigay ng raw na code para sa app na tumatanggap ng HTML.
Pinupunan ng I-load ang halimbawa ang form ng sample na detalye para masubukan mo ang mga template. Nangyayari ang lahat sa iyong browser: walang ipinapadala kahit saan ang ini-type o ina-upload mo.
Bakit ginagawa ang signature gamit ang table at inline style
Hindi web browser ang mga email app. Ginagamit ng Outlook for Windows ang Word engine sa pag-render ng mensahe, inaalis ng Gmail ang <style> block mula sa signature, at binabalewala ng maraming app ang modernong CSS tulad ng flexbox o grid. Kaya gumagawa ang tool na ito ng uri ng HTML na nakakalusot kahit saan: layout table na may role="presentation", inline style attribute sa bawat elemento, web-safe na font (Arial, Verdana, Tahoma, Trebuchet MS, Georgia) at plain text link sa halip na icon na larawan. Naka-escape ang bawat halagang ini-type mo, kaya ang isang lumabas na < o & sa trabaho o posisyon ay hindi makakasira ng code.
Nagiging tel: link ang mga numero ng telepono (para ma-tap sa telepono), nagiging mailto: link ang email address, at ang web address na walang https:// ay awtomatikong kinukumpleto. Ang link na hindi web address ay hindi isinama at nakalista sa Mga pagsusuri.
Mga larawan: naka-host na URL o naka-embed na file?
Ang lokal na larawan ay ginagawang data URI, ibig sabihin nakasulat mismo sa loob ng HTML ang larawan. Ini-resize ito ng tool sa 240 pixel para manatiling maliit, pero hinaharangan pa rin o inaalis ng maraming client ang data URI: tinatanggihan ito ng Gmail sa signature, madalas na blangkong kahon ang ipinapakita ng Outlook, at maaaring attachment ang makita ng tatanggap. Ang naka-host na larawan (halimbawa https://www.example.com/logo.png) ay mas magaan at lumilitaw sa mas maraming app. I-upload ang logo sa website mo, tapos i-paste ang URL nito. Tandaan na maaaring hindi lumabas sa preview ng page na ito ang larawan mula sa URL, dahil hinaharangan ng page ang panlabas na larawan para sa privacy, pero lumilitaw ang mga ito sa iyong email.
Paano idagdag ang signature sa email app
- Gmail: buksan ang Settings (gear icon) → See all settings → General → Signature → Create new. I-paste gamit ang Ctrl+V (Cmd+V), tapos i-click ang Save changes sa ibaba ng page. Hanggang 10,000 character lamang ang signature ng Gmail.
- Outlook (bagong Outlook at Outlook sa web): Settings → Account → Signatures, gumawa ng signature, i-paste at i-save. Sa classic Outlook for Windows: File → Options → Mail → Signatures.
- Apple Mail: Mail → Settings → Signatures, piliin ang account, i-click ang +, i-paste, at tanggalin ang tsek sa Always match my default message font para mapanatili ang font at kulay.
Mga madalas itanong
Bakit may nakikita akong sirang larawan o attachment sa ipinadalang email?
Malamang naka-embed ang larawan bilang data URI, na hinaharangan ng maraming email client. Gumamit ng URL ng naka-host na larawan: ito ang pinakamaaasahang paraan para lumabas ang logo o larawan.
Bakit mukhang parisukat ang bilog na larawan sa Outlook?
Binabalewala ng Outlook for Windows ang border-radius style. Kung mahalaga ang hugis, i-crop ang larawan sa bilog at i-save bilang PNG na may transparent na background bago gamitin.
Pwede ko bang i-edit mismo ang HTML?
Oo. Gamitin ang Kopyahin ang HTML source o I-download at i-edit ang code sa anumang text editor. Panatilihin ang table at inline style: binabalewala ng karamihan ng email client ang style sheet at class.
Bakit teksto ang social network sa halip na icon?
Magiging larawan ang icon, at ang larawan ang madalas na hinaharangan sa isang signature. Palaging lumilitaw ang text link, nananatiling nababasa sa dark mode at hindi nagpapabigat sa signature.
Naka-store ba o naipapadala saanman ang impormasyon ko?
Hindi. Ginagawa ang signature sa iyong browser. Walang ina-upload, at wala ring itinatago ang page kapag isinara mo ito.
Mga kaugnay na tool
- Generator ng Mailto Link Gumawa ng mailto link na may recipient, CC, BCC, subject at nilalaman, na tama ang percent-encoding, kasama ang ready-to-paste na HTML link.
- QR Code Generator Gumawa ng libreng QR code para sa link, text, Wi-Fi, contact, email at SMS. Magdagdag ng kulay at logo, i-download bilang PNG o SVG. Pribado.
- Builder ng UTM Link Gumawa ng campaign URL na may UTM parameter para sa Google Analytics, isang link o daan-daan nang sabay, pinapanatili ang query string, may CSV export.