ইমেল স্বাক্ষর জাহান্নাম - কিভাবে একটি লোগো চিত্র অন্তর্ভুক্ত এবং এটি তীক্ষ্ণ থাকতে পারে?


11

আমি (প্রদর্শন) ইমেল signatures-- চিত্র যাকে জাহির বিষয় থেকে সম্মান সঙ্গে এই ফোরাম একটি দম্পতি দরকারী থ্রেড পাওয়া এখানে , example-- এবং আমি করেছি অনুসন্ধান ওয়েব উপর সব, কিন্তু এখনও একটি ভালো সমাধান না করেছেন তা খুঁজে পাওয়া পর্যাপ্তভাবে সমস্যাটির সমাধান করে। আমার একজন ক্লায়েন্ট কেবল তাঁর কোম্পানির লোগোটি তার ইমেলগুলির স্বাক্ষরে অন্তর্ভুক্ত করতে চাইবে এবং আমি যে সমস্যাগুলির মুখোমুখি হয়েছি সেগুলি সংক্ষিপ্তভাবে বর্ণনা করা যেতে পারে:

  1. আমি প্রকৃত আকারে এআই থেকে লোগোর একটি রাস্টারযুক্ত সংস্করণ রফতানি করতে পারি এবং এটি ডেস্কটপে তীক্ষ্ণ লাগবে তবে হাই-ডেনসিটির (যেমন "রেটিনা") আইফোনের মতো ডিসপ্লেতে পিক্সেলটেড / অস্পষ্ট দেখাবে।
  2. আমি যে থ্রেডে উল্লেখ করেছি, তাতে হাই-ডেনসিটি ডিসপ্লেগুলিকে লক্ষ্য করতে আমি লোগোটি আসল, প্রদর্শিত আকারের ২-৩ গুণ রফতানি করতে পারি, তবে লোগোটি যখন কমিয়ে দেওয়া হয় তখন হাই-ঘনত্বের ডিসপ্লেগুলিতে নরম দেখাবে । লোগোটিতে পাঠ্য থাকা হ'ল এটি এই পরিস্থিতিতে একটি বিশেষ সমস্যা, যা ব্রাউজার / ইমেল ক্লায়েন্টে প্রকৃত পাঠ্যের সাথে জুস্টপোজ করার সময় ভয়ঙ্কর দেখায়।
  3. আমি .svgএকটি বিকল্প হিসাবে বিবেচনা করেছি , তবে দৃশ্যত সমর্থনটি দুর্দান্ত নয়; এবং এক্ষেত্রে আমি ধরে নিচ্ছি যে এই ক্লায়েন্টের ইমেলটি পড়ার বেশিরভাগ ব্যবহারকারীই আউটলুক ব্যবহার করবেন, সুতরাং আইওএস / ওয়েবকিট / ইত্যাদিতে কেবলমাত্র সঠিকভাবে রেন্ডার করে এমন একটি কার্যকর বিকল্প নয়।

আমি এই মুহুর্তে ক্ষতির মুখোমুখি হয়ে আছি এবং ভাবছি যে সেখানে অন্য কোনও সম্ভাব্য বিকল্প আছে কিনা। আমি নিশ্চিত নই, উদাহরণস্বরূপ, যদি কোনও ইমেল স্বাক্ষরে লো-রেজাল্ট ফ্যালব্যাকের সাথে হাই-ডেনসিটি চিত্রটি প্রয়োগ করা সম্ভব হয়?

এখানে যে কোনও পরামর্শ / অন্তর্দৃষ্টি প্রশংসিত হয়। এই কাজটি কতটা কঠিন হয়ে উঠেছে তা হাস্যকর বিষয়টির সীমানা।


6
এটি একটি বোকামির কাজ - তবে ক্লায়েন্টরা প্রায়শই অজানা বা বোঝানো অসম্ভব। আপনি ব্যবহারকারীর ইমেল ক্লায়েন্টকে নিয়ন্ত্রণ করতে পারবেন না। অনেক ব্যবহারকারী (যেমন আমার মতো) কেবল সরল পাঠ্য ইমেলগুলি দেখেন, অতএব আপনি যা কিছু করেন না কেন এটি কেবল একটি চিত্র সংযুক্তি এবং অর্থহীন।
স্কট

খুবই সত্য; এবং 'সত্যিই এটি বোকা এর কাজ। দুর্ভাগ্যক্রমে আমি "তবে আমি ইমেল স্বাক্ষরযুক্ত লোগো দেখেছি যা তীক্ষ্ণ দেখায়" প্রতিক্রিয়া
পেয়েছি, এরপরে

3
আমি ব্যাখ্যা করে দেখতে পেলাম যে ক্লায়েন্টদের ইমেল ক্লায়েন্টের জন্য যা কাজ করে তা সর্বজনীন সহায়তা নয়। উদাহরণস্বরূপ, সেই জুটি প্যান্টগুলি আপনার শরীরের সাথে ফিট করে তবে তারা কতটি দেহের সাথে খাপ খায় না ? আপনি নির্দিষ্ট কিছু লক্ষ্য করতে পারেন, তবে আপনি মহাবিশ্বকে লক্ষ্য করতে পারবেন না। অবশ্যই হোস্ট করা চিত্রগুলি প্রতিক্রিয়াশীল হতে পারে তবে সেগুলি আসলে নিজেরাই ইমেলের অংশ হয় না । এটি সন্দেহজনক যে আপনার ক্লায়েন্ট কেবল তার ইমেলগুলিতে চিত্র সংযুক্ত করার চেয়ে আরও কিছু করতে চায় - যা কখনই কাজ করবে না
স্কট

ঠিক। আমি এটির উপর অনেক বেশি সময় ব্যয় করেছি / নষ্ট করেছি। প্রদত্ত লোগোটি বেশিরভাগই পাঠ্য, এই যে সমাধানটি আমি নিয়ে এসেছি তা হল নিকটতম "ওয়েব সেফ" ফন্টটি সন্ধান করা এবং পুরো জিনিসটি কোনও চিত্র ছাড়াই খাঁটি এইচটিএমএল / সিএসএসে তৈরি করা। অবশ্যই, ফন্টটি হুবহু মেলে না এবং যেমন আপনি উল্লেখ করেছেন, কে জানেন যে কতজন ইমেল প্রাপকরা বাস্তবে এটি যে কোনও আকারে গ্রহণ করবেন না, যা চূড়ান্তভাবেই নেয় ...
নিকপিশ

@ ফন্ট-ফেস ইমেল ক্লায়েন্টগুলিতেও অবিশ্বাস্য।
স্কট

উত্তর:


8

আমি যদি আপনি থাকতাম আমি আইডিয়াটি ত্যাগ করতাম। হায়ার্স হ্যান্ডলিং আপনার সমস্যাগুলির মধ্যে সবচেয়ে কম কারণ ই-মেলগুলির মধ্যে কেবল সমর্থন নেই support

তবে সমস্যাগুলি শুরু হয় আগে। বেশিরভাগ ইমেল ক্লায়েন্টগুলি চিত্র ছড়িয়ে দেয় এবং একটি বোতাম যুক্ত করে যেখানে ব্যবহারকারী চিত্রগুলি সক্রিয় করতে পারে। কেবল একটি লোগোর জন্য এই সমস্ত গোলমাল ঝামেলা খুব বেশি।

আমি কেবল প্লেইন টেক্সট দিয়ে সিগ লিখতে এবং এটি thats।

তবে আপনি হাল ছেড়ে দিতে চান না যাতে এটি আপনার পক্ষে কিছু হতে পারে

অথবা এই কৌশলটি ব্যবহার করুন:

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


প্রতিক্রিয়া এবং লিঙ্কগুলির জন্য ধন্যবাদ, কাস্পার; আমি অবশ্যই এগুলি পরীক্ষা করে দেখব। আমি এক সপ্তাহ আগে পুরো জিনিসটি পরিত্যাগ করতে পছন্দ করতাম তবে ক্লায়েন্ট হাতে প্রযুক্তিগত সীমাবদ্ধতা পুরোপুরি ধরতে পারে না। বাস্তবে এত সহজ কিছু বাস্তবতাকে কীভাবে অসম্ভব না বললে গভীরভাবে কঠিন তা ব্যাখ্যা করা কঠিন ha
নিকপিশ

4
আমি সাধারণত ক্লায়েন্টের কাছে ই-মেল ক্লায়েন্ট সমর্থন চার্ট নিক্ষেপ করি, যা বিভিন্ন জিনিসগুলির জন্য দরিদ্র সমর্থন কতটা দুর্দান্ত তা দেখায়। এইভাবে দেখাতে আরও সহজ যে মানব সম্পদ অন্য কোনও কিছুর সাথে আরও ভালভাবে ব্যবহার করা হচ্ছে: ক্যাম্পেইনমনিটর
রিসোর্স

ভাল পয়েন্ট-- যে চার্টটি খুব সহায়ক, ধন্যবাদ।
নিকপিশ

4

প্রযুক্তিগত সমাধান হতে পারে:

  1. কোনও সার্ভারে চিত্রটি হোস্ট করুন এবং <img>ঠিকানার সাথে একটি ট্যাগ এম্বেড করুন । সার্ভারটি এইচটিটিপি-অনুরোধের মেটা-তথ্য ব্যবহার করতে পারে যা চিত্রটি আনবে এবং ডিভাইসের জন্য সঠিক চিত্রের আকার সরবরাহ করবে।

  2. ডিসপ্লে-আকার সচেতন সিএসএসের সাথেও এটি করুন (তবে আমি জানি না এটির জন্য বিভিন্ন ই-মেল ক্লায়েন্টগুলিতে সমর্থন কতটা ভাল) তবে মূলত আপনি দুটি চিত্রই মেলটিতে সংযুক্ত করতে পারেন এবং প্রদর্শন করতে বিভিন্ন ডিসপ্লে মাপের জন্য সিএসএস ব্যবহার করতে পারেন ডান চিত্র (এবং আপনি এমনকি মুদ্রণের জন্য একটি বিশেষ চিত্র নির্দিষ্ট করতে পারেন ...)


1
এইচএম, পরামর্শের জন্য ধন্যবাদ; পরেরটির প্রতি শ্রদ্ধা রেখে আপনি কি মিডিয়া ক্যোয়ারী উল্লেখ করছেন এবং ডিপিআই বা ভিউপোর্টের ভিত্তিতে অদলবদল করা ব্যাকগ্রাউন্ড চিত্র ব্যবহার করছেন?
নিকপিশ

# 1 আমি উপরের মন্তব্যগুলিতে উল্লেখ করেছি। এটি প্রায় একমাত্র সম্ভাব্য সমাধান। # 2 অনেকগুলি ইমেল ক্লায়েন্টের জন্য কাজ করবে না - আউটলুক সঙ্গে সঙ্গেই মনে আসে।
স্কট

@ নিকপিশ ঠিক! এটি অনেকগুলি আধুনিক ওয়েবসাইটগুলিতে (বেশিরভাগ মোবাইল) ব্যবহার করা হয় তাই প্রায় অনেকগুলি টিউটোরিয়াল রয়েছে।
ফ্যালকো

@ স্কট হ্যাঁ - হোস্ট করা ইমেজ থাকা সার্ভার সাইড লজিক এবং এইভাবে প্রতিক্রিয়াশীলতার জন্য অনুমতি দেয় :-) তবে কাস্পার তার উত্তরে উল্লেখ করেছেন যে বেশিরভাগ ক্লায়েন্ট সম্ভবত ছবিগুলি পুরোপুরি সরিয়ে ফেলবে বা পুরোপুরি ব্লক করবে, সুতরাং শেষ সমাধানটি সম্ভবত একটি লিঙ্কযুক্ত প্লেটেক্সট মেলগুলি প্রেরণ করবে "অনলাইনে সুন্দর স্টাইলযুক্ত ইমেল দেখুন" হিসাবে মেলের একটি হোস্ট করা অনুলিপি
ফ্যালকো

মিডিয়া ক্যোয়ারী সমাধান ফালকো একটি আগ্রহজনক; আমি একজন ওয়েব ডিজাইনার তাই বেশ পারদর্শী। যদিও স্কট উল্লেখ করেছেন, যদি আউটলুক ইমেইলে মিডিয়া প্রশ্নগুলিকে সমর্থন না করে তবে দুর্ভাগ্যক্রমে এটি কোনও
অগ্রগতি নয়

2

অনেকগুলি মেইল ​​ক্লায়েন্ট আজ এসভিজি (স্কেলেবল ভেক্টর গ্রাফিক্স) সমর্থন করে। এই ক্লায়েন্টদের জন্য, একটি এসভিজি দেখান। এটি স্কেলিং দ্বারা ধ্বংস না হওয়ার গ্যারান্টিযুক্ত, কারণ এটি কম্পিউটার প্রোগ্রামের মতো পড়ে (যেমন একটি বৃত্ত আঁকুন, তারপরে সেই বৃত্তের সাথে 120 এবং 240 ডিগ্রি ইত্যাদিতে সংযুক্ত একটি লাইন আঁকুন), যাতে প্রসেসরটি সঠিকভাবে একটি অস্পষ্ট চিত্রকে রেন্ডার করবে ভিতরে সমর্থনকারী সফ্টওয়্যার।

আপনি যদি পুরানো ক্লায়েন্টদের যত্ন করে থাকেন তবে বিভিন্ন ধরণের ফ্যালব্যাক কৌশল রয়েছে তবে আপনার কোন ফ্যালব্যাকগুলি, যদি কোনও হয় তবে আপনার যত্ন নেওয়া উচিত তা নির্ধারণ করতে হবে (উদাহরণস্বরূপ কোন ইমেল ক্লায়েন্ট আপনাকে স্বাক্ষরটি দেখানোর বিষয়ে উদ্বিগ্ন)। আমি ব্যক্তিগতভাবে এমন একটি পদ্ধতি বেছে নেব যা জটিল ১০০% কভারেজ বা কোনও কভারেজ না দেওয়ার চেয়ে সর্বনিম্ন প্রচেষ্টা সহ প্রায় সর্বজনীন কভার দিয়েছে - একটি দুর্দান্ত আছে যা অ্যান্ড্রয়েড ২.৩ ব্যতীত সমস্ত সমর্থন করে যা সম্ভবত বিরল, এবং এটি কেবল চারটি লাইন কোড।

অন্যদিকে, সিএসএস মিডিয়া নির্বাচকদেরও সম্ভবত কাজ করা উচিত। যদি স্ক্রিন রেজোলিউশনটি 800 পিক্সেল প্রশস্ত বলুন, আপনি আজ যে পিএনজি বা জেপিইজি ব্যবহার করেন তা ব্যবহার করুন, অন্যথায় একটি এসভিজি ব্যবহার করুন। আমি মোটামুটি নিশ্চিত যে কোনও "রেটিনা ডিসপ্লে" ডিভাইসগুলি এসভিজি সমর্থন করবে, বা কমপক্ষে সংখ্যাগরিষ্ঠরা তা করবে।


1
যতদূর এসভিজির সাথে সম্পর্কিত, এই ক্ষেত্রে চূড়ান্ত প্রশ্ন হ'ল এটি আউটলুক দ্বারা সমর্থিত কিনা, যা আমি মনে করি না ..
নিকপিশ

1
@ নিকপিশ এসভিজি আউটলুকে কাজ করবে না, এ কারণেই আমি ফলব্যাক প্রক্রিয়াটি উল্লেখ করেছি। আউটলুক আনন্দের সাথে সিএসএসকে সমর্থন করবে যা এসভিজির জায়গায় মূল চিত্রটি সরবরাহ করে। আর, যতটা আমি সচেতন আছি, কেউ কিছু আউটলুক iOS এ (হিসাবে, তারা এটা ব্যবহার করব হলে তারা লেগেছে আছে , কিন্তু ...)।
ফায়ারফক্স

1
বুঝতে পেরেছি - আপনি প্রদত্ত লিঙ্কটি আমি অবশ্যই দেখব; যে উত্তর হতে পারে। ধন্যবাদ ফিরফক্স
নিকপিশ

যদিও আপনি হাই ডিডিআইআই আইওএস ডিভাইসের সমান হিসাবে সজ্জিত করেননি ... উচ্চতর ঘনত্ব এবং আইকন স্কেলিং সহ আরও অনেক বেশি আধুনিক ডিভাইস রয়েছে (স্মার্টফোন, ট্যাবলেট, ল্যাপটপ, ডেস্কটপ), ফলে অস্পষ্ট চিত্রগুলি আসে!
ফ্যালকো

0

সত্যিই পুরানো পোস্ট কিন্তু যেহেতু আমি একই সমস্যাটির সাথে ঘন্টার পর ঘন্টা লড়াই করে যাচ্ছিলাম এবং এটি সমাধানের জন্যই ঘটেছে, তাই আমি কীভাবে এটি করেছি তা বর্ণনা করতে চাই। আমি যে সমস্যার মুখোমুখি হয়েছি তা হ'ল আমি যে সংস্থার লোগোটি ডেস্কটপ মনিটরে (এমনকি এইচডি) জরিমানা প্রদর্শন করেছি। কিন্তু রেটিনা ডিসপ্লে ফোনে দেখা গেলে এটি অস্পষ্ট / अस्पष्ट লাগছিল। ক্লায়েন্টের কাছ থেকে আমি যে চিত্রটি পেয়েছি তা চেয়ে নেওয়া আকারের সমান। সমস্যা (ডিভসের জন্য কঠোরভাবে :) রেটিনা প্রদর্শনগুলির সাথে হ'ল স্ট্যান্ডার্ড স্ক্রিনের তুলনায় তাদের ইউনিট অঞ্চলে চারগুণ বেশি পিক্সেল রয়েছে। সুতরাং আপনার যা দরকার তা হ'ল পর্দায় আপনি যে আকার চান তার দ্বিগুণ। উদাহরণস্বরূপ, আপনি যদি চান আপনার লোগোটি 124x48 প্রস্থ এবং উচ্চতা হতে পারে, 248x28 এর একটি চিত্র তৈরি করুন। এটি যা করে তা হ'ল এটি চিত্রের রেজোলিউশনকে দ্বিগুণ করে এবং পিক্সেলের সংখ্যাকে চারগুণ করে। তারপরে আপনার নতুন চিত্রটিকে অর্ধেক নতুন প্রস্থে প্রদর্শন করতে বাধ্য করতে HTML ব্যবহার করুন<img src=”your_image.jpg” width=”124” />। এটি করার ফলে কোনও চিত্রের পিক্সিলেশন বা ঝাপসা সমাধান করা উচিত। চিয়ার্স


0

আমারও একই সমস্যা ছিল! দুর্দান্ত হতাশাজনক, তবে আমি শেষ পর্যন্ত দেখতে পেলাম যে 120px (উচ্চতা) দ্বারা 300px (প্রস্থ) আর্টবোর্ড ব্যবহার করে উদাহরণস্বরূপ, ইলাস্ট্রেটর এরপরে 96 পিপিআই রেজোলিউশন সহ একটি পিনজি 8 হিসাবে পর্দার জন্য রফতানি করা মাইক্রোসফ্ট আউটলুক স্বাক্ষরের জন্য ভাল কাজ করে!


1
এটি মোট এক হাজার ইমেলের ক্লায়েন্ট। আপনি কি একাধিক অন্যান্য ইমেল ক্লায়েন্টে এই পদ্ধতিটি পরীক্ষা করেছেন?
জ্যাচ সসইয়ার

1
পিপিআই কিছু করবে কেন?
joojaa
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.