นรกลายเซ็นอีเมล - วิธีการรวมภาพโลโก้และมีความคมชัด?

ฉันพบเธรดที่มีประโยชน์สองสามรายการในฟอรัมนี้เกี่ยวกับปัญหาที่เกิดจาก (แสดง) รูปภาพในลายเซ็นอีเมล - ที่นี่เช่น - และฉันค้นหาทั่วทั้งเว็บ แต่ก็ยังไม่พบวิธีแก้ปัญหาที่ดี จัดการปัญหาอย่างเพียงพอ ลูกค้าของฉันต้องการเพียงแค่โลโก้ของ บริษัท ของเขารวมอยู่ในลายเซ็นอีเมลของเขาและปัญหาที่ฉันพบสามารถสรุปได้ดังนี้:

1. ฉันสามารถส่งโลโก้ rasterized จาก AI ที่ขนาดจริงและมันจะดูคมชัดบนเดสก์ท็อป แต่ตัวหนังสือ / พร่ามัวบนความหนาแน่นสูง (เช่น "เรตินา") เช่น iPhone
2. ตามที่แนะนำในเธรดที่ฉันอ้างถึงฉันสามารถส่งออกโลโก้ได้ 2-3 เท่าของขนาดจริงที่แสดงเพื่อกำหนดเป้าหมายการแสดงความหนาแน่นสูง แต่โลโก้จะดูนุ่มนวลบนหน้าจอที่ไม่มีความหนาแน่นสูงเมื่อลดขนาดลง . นี่เป็นปัญหาที่เกิดขึ้นเป็นพิเศษในกรณีนี้เนื่องจากโลโก้มีข้อความอยู่ซึ่งดูแย่มากเมื่อวางกับข้อความจริงในเบราว์เซอร์ / ไคลเอนต์อีเมล
3. ฉันถือว่า.svgเป็นตัวเลือก แต่เห็นได้ชัดว่าการสนับสนุนไม่ดี และในกรณีนี้ฉันสมมติว่าผู้ใช้ส่วนใหญ่ที่อ่านอีเมลของลูกค้ารายนี้จะใช้ Outlook ดังนั้นสิ่งที่แสดงเฉพาะอย่างถูกต้องใน iOS / webkit / etc นั้นไม่ใช่ตัวเลือกที่ทำงานได้

ฉันกำลังสูญเสียที่จุดนี้และสงสัยว่ามีตัวเลือกที่เป็นไปได้อื่น ๆ ออกมี ตัวอย่างเช่นฉันไม่แน่ใจว่าถ้าเป็นไปได้ที่จะใช้ภาพความหนาแน่นสูงที่มีทางเลือก lo-res ในลายเซ็นอีเมล?

ข้อเสนอแนะ / ข้อมูลเชิงลึกที่นี่ชื่นชมมาก มันติดกับตลกว่างานนี้ยากเพียงใด

ถ้าฉันเป็นคุณฉันจะละทิ้งความคิด การจัดการการจ้างเป็นปัญหาของคุณน้อยที่สุดเนื่องจากไม่มีการสนับสนุนในอีเมล

แต่ปัญหาเริ่มต้นก่อนหน้านี้ โปรแกรมรับส่งเมลส่วนใหญ่จะตัดภาพและเพิ่มปุ่มที่ผู้ใช้สามารถเปิดใช้งานภาพได้ เอะอะทั้งหมดนี้เพียงแค่โลโก้เป็นเรื่องยุ่งยากมากเกินไป

ฉันแค่เขียน sig ด้วย plaintext แล้วก็มัน

แต่บางทีคุณอาจไม่ต้องการยอมแพ้เพื่อให้นี่เป็นของคุณ

หรือใช้เทคนิคนี้:

http://blog.mailchimp.com/keep-high-density-displays-from-uglifying-your-emails/

โซลูชันทางเทคนิคอาจเป็น:

1. โฮสต์อิมเมจบนเซิร์ฟเวอร์และฝัง<img>แท็กด้วยที่อยู่ เซิร์ฟเวอร์สามารถใช้ข้อมูลเมตาของคำขอ HTTP ซึ่งจะดึงภาพและส่งขนาดภาพที่เหมาะสมสำหรับอุปกรณ์

2. ทำเช่นเดียวกันกับ CSS ขนาดตระหนักถึงการแสดงผล (แต่ฉันไม่รู้ว่าการสนับสนุนที่ดีสำหรับอีเมลไคลเอ็นต์ต่าง ๆ ) แต่คุณสามารถผนวกรูปภาพทั้งสองไปยังอีเมลและใช้ CSS สำหรับขนาดหน้าจอที่หลากหลายเพื่อแสดง ภาพที่ถูกต้อง (และคุณสามารถระบุภาพพิเศษสำหรับการพิมพ์ ... )

วันนี้ไคลเอนต์อีเมลจำนวนมากสนับสนุน SVG (กราฟิกแบบเวกเตอร์ที่ปรับขนาดได้) สำหรับลูกค้าเหล่านั้นให้แสดง SVG รับประกันได้ว่าจะไม่ถูกทำลายโดยการปรับขนาดเพราะมันเหมือนโปรแกรมคอมพิวเตอร์ (เช่นวาดวงกลมแล้ววาดเส้นที่เชื่อมต่อกับวงกลมนั้นที่ 120 และ 240 องศา ฯลฯ ) ดังนั้นโปรเซสเซอร์จะแสดงภาพที่ไม่พร่ามัวอย่างถูกต้อง ซอฟต์แวร์สนับสนุน

มีเทคนิคทางเลือกที่หลากหลายหากคุณให้ความสำคัญกับลูกค้าเก่า แต่คุณจะต้องพิจารณาว่าคุณมีข้อบกพร่องใด (ถ้ามี) (เช่นลูกค้าอีเมลที่คุณกังวลเกี่ยวกับการแสดงลายเซ็นใน) ฉันเองเลือกวิธีที่ครอบคลุมเกือบสากลด้วยความพยายามน้อยที่สุดแทนที่จะลองใช้ความครอบคลุมที่ซับซ้อน 100% หรือไม่มีการครอบคลุม - มีวิธีที่ดีที่รองรับทั้งหมดยกเว้น Android 2.3 ซึ่งอาจหายากและเป็นสี่บรรทัด รหัส.

ในทางกลับกันตัวเลือกสื่อ CSS อาจใช้งานได้เช่นกัน หากความละเอียดหน้าจอน้อยกว่าความกว้าง 800 พิกเซลให้ใช้ PNG หรือ JPEG ที่คุณใช้ในปัจจุบันหรือใช้ SVG ฉันค่อนข้างแน่ใจว่าอุปกรณ์ "จอแสดงผลเรตินา" จะสนับสนุน SVG หรืออย่างน้อยที่สุดก็จะเป็นเช่นนั้น

โพสต์เก่าจริงๆ แต่เนื่องจากฉันกำลังดิ้นรนกับปัญหาเดียวกันหลายชั่วโมงและเพิ่งเกิดขึ้นเพื่อแก้ปัญหาฉันจะอธิบายว่าฉันทำมันได้อย่างไร ปัญหาที่ฉันเผชิญคือโลโก้ บริษัท ที่ฉันแสดงได้ดีบนหน้าจอเดสก์ท็อป (แม้แต่ HD) แต่มันดูพร่ามัว / เลือนเมื่อเห็นบนจอแสดงผลเรตินา ภาพที่ฉันได้รับจากลูกค้านั้นเท่ากับขนาดที่ขอ ปัญหา (สำหรับ devs อย่างเคร่งครัด :) ด้วยจอแสดงผลเรตินาคือมีพิกเซลในพื้นที่หน่วยมากกว่าหน้าจอมาตรฐานถึงสี่เท่า ดังนั้นสิ่งที่คุณต้องการคือภาพขนาดสองเท่าที่คุณต้องการบนหน้าจอ ตัวอย่างเช่นหากคุณต้องการให้โลโก้ของคุณมีความกว้างและความสูง 124x48 ให้สร้างภาพขนาด 248x28 สิ่งนี้ทำคือมันเพิ่มความละเอียดของภาพเป็นสองเท่าและเพิ่มจำนวนพิกเซลเป็นสี่เท่า จากนั้นใช้ HTML เพื่อบังคับให้รูปภาพใหม่ของคุณแสดงที่ครึ่งความกว้างใหม่เช่น<img src=”your_image.jpg” width=”124” />. การทำเช่นนี้ควรแก้ไขภาพที่มีความคมชัดหรือเบลอ ไชโย

ฉันมีปัญหาเดียวกันนี้! น่าผิดหวังอย่างมาก แต่ในที่สุดฉันก็พบว่าการใช้ artboard ขนาด 120px (สูง) โดย 300px (กว้าง) ใน Illustrator จากนั้นส่งออกหน้าจอเป็น PNG 8 ที่มีความละเอียด 96 ppi เหมาะสำหรับลายเซ็น Microsoft outlook!