এসভিজি প্রোফাইল
- এসভিজি 1.0: সমস্ত আধুনিক ডেস্কটপ এবং মোবাইল ব্রাউজারগুলি এসভিজি 1.1 সমর্থন করে, তাই এই বিকল্পটি কখনই চয়ন করবেন না।
- এসভিজি 1.1: আপনি প্রায় সর্বদা এটি চাইবেন।
- এসভিজি ক্ষুদ্র / বেসিক: এটি মোবাইল ডিভাইসগুলির জন্য উদ্দিষ্ট এসভিজির একটি উপসেট। কেবলমাত্র কয়েকটি মুখ্য ডিভাইসগুলি এসভিজি টিনিকে সমর্থন করে এবং পুরো স্পিকটি নয়, তাই এসভিজি ১.১ এ যান।
দ্রষ্টব্য: এসভিজি টিনি ফাইলের আকার হ্রাস করে না, এটি কেবল এসভিজির একটি উপসেট যা লো প্রসেসিং শক্তি ডিভাইসের জন্য পর্যাপ্ত। এটি গ্রেডিয়েন্টস, অস্বচ্ছতা, এমবেডড ফন্ট এবং ফিল্টারগুলি বাতিল করবে। এরিক ডালস্ট্রোম বলেছেন: সমস্ত এসভিজি ১.১ সম্পূর্ণ দর্শকদের এসভিজি ১.১ টি সমস্ত / ছোট মূল বিষয়বস্তু (স্পেস অনুসারে), এবং সম্ভবত সমস্ত এসভিজি ১.২ ক্ষুদ্র সামগ্রী যা ইলাস্ট্রেটরও উত্পাদন করে তা প্রদর্শন করতে সক্ষম হওয়া উচিত।
হরফ নোট: আপনার ছবিতে যদি কোনও পাঠ্য না থাকে তবে এই সেটিংটি কোনও ব্যাপার নয়।
অ্যাডোব সিইএফ: ব্রাউজারগুলিতে প্রদর্শন করার উদ্দেশ্যে আপনার এই বিকল্পটি কখনই ব্যবহার করবেন না। এটি অ্যাডোবের এসভিজি ফাইলগুলিতে ফন্টগুলি এম্বেড করার উপায়, যতদূর আমি জানি এটি কেবল অ্যাডোবের এসভিজি ভিউয়ার প্লাগইন দ্বারা সমর্থিত।
এসভিজি: এটি ফন্টটি এসভিজি হিসাবে এম্বেড করে, যা ফায়ারফক্স সমর্থিত নয়, তবে আপনি যদি কেবলমাত্র মোবাইল ডিভাইসগুলি (যা সাধারণত ওয়েবকিট চালায়) সমর্থন করতে চান তবে এটি একটি ভাল বিকল্প।
রূপরেখা তৈরি করুন: আপনার কাছে প্রচুর পরিমাণে পাঠ্য না থাকলে আপনি বেশিরভাগ সময় এটি করতে চাইবেন । আপনার যদি প্রচুর পরিমাণে পাঠ্য থাকে তবে আপনি ডাব্লুএফএফ দিয়ে ফন্টটি এম্বেড করতে চাইবেন তবে আপনাকে এটি হাতছাড়া করতে হবে।
সাবসেটিং :
কোনওটি নয়: এটি পূর্ববর্তী সেটিংসটিকে অস্বীকার করবে এবং কোনও ফন্ট এম্বেড করবে না, যদি আপনি যত্ন নেন না যে ব্যবহারকারীর কম্পিউটারের ফন্টটি অন্য কোনও ফন্টে ফিরে আসে এটি এটি চয়ন করে।
কেবলমাত্র গ্লাইফগুলি ব্যবহার করা হয়েছে: আপনি ফন্টটি এম্বেড করতে পছন্দ করেন তবে আপনি বেশিরভাগ সময় চাইবেন । এটি কেবলমাত্র ব্যবহৃত অক্ষরগুলিকে এম্বেড করে তাই এটি আপনার ফাইলের আকারকে স্ফীত করে না।
[সাবসেটিংয়ের বিশ্রাম]: এটি মোটামুটি পরিষ্কার, আপনি এটির পুরো ফন্ট বা সাবসেটগুলি অন্তর্ভুক্ত করতে বেছে নিতে পারেন। এটি কেবলমাত্র তখন কার্যকর হয় যদি আপনার এসভিজি গতিশীল হয় এবং ব্যবহারকারী ইনপুটের উপর ভিত্তি করে পাঠ্যটি পরিবর্তিত হতে পারে।
চিত্রগুলি : আপনি যদি বিটম্যাপ চিত্রগুলি অন্তর্ভুক্ত করছেন তবে এটি কেবলমাত্র গুরুত্বপূর্ণ
এম্বেড: এটি আপনি যা চান তা সাধারণত , এটি চিত্রটিকে ডেটা ইউরি হিসাবে এনকোড করে দেয় যাতে আপনি কেবলমাত্র তার সঙ্গী বিটম্যাপ চিত্রের সাথে এসভিজি ফাইলের পরিবর্তে একটি ফাইল আপলোড করেন।
লিঙ্ক: কেবলমাত্র আপনার যদি এমন একাধিক এসভিজি ফাইল থাকে যা একটি বিটম্যাপ ফাইলকে রেফার করে তবেই এটি ব্যবহার করুন (সুতরাং এটি এসভিজি ফাইলটি রেন্ডার করে প্রতিবার ডাউনলোড হয় না)।
দ্রষ্টব্য যে লিঙ্কযুক্ত বিটম্যাপ চিত্রগুলি এসভিজি <img>ট্যাগের মাধ্যমে প্রদর্শিত হলে প্রদর্শিত হবে না , কারণ imgবাহ্যিক সংস্থানগুলি লোড করার অনুমতি দেয় না। তদ্ব্যতীত: ওয়েবকিটের একটি ত্রুটি রয়েছে যা আপনি এম্বেড থাকলেও এসভিজি ফাইলের মধ্যে বিটম্যাপ চিত্র প্রদর্শন করে না। সংক্ষেপে: <svg>আপনি বিটম্যাপ চিত্রগুলি এম্বেড বা লিঙ্ক করতে চাইলে একটি সরল ট্যাগ ব্যবহার করুন <img>।
ইলাস্ট্রেটর সম্পাদনার ক্ষমতা সংরক্ষণ করুন
আমি আমার উত্স চিত্র হিসাবে একটি .ai ফাইল সংরক্ষণ করতে এবং এসভিজি ফাইলটিকে একটি Export for webবৈশিষ্ট্য হিসাবে ভাবতে পছন্দ করি । এইভাবে আপনি ফাইলের আকার হ্রাস করার দিকে মনোনিবেশ করেন এবং সমস্ত সম্পাদনার ক্ষমতা সহ আপনার ভেক্টর ফাইলের একটি প্রাথমিক কপি থাকে। সুতরাং এটি নির্বাচন করবেন না।
দশমিক স্থান
ডিফল্টটি 3একটি বুদ্ধিমান সেটিং এবং আপনি এটি প্রায়শই ভুলে যেতে পারেন।
যাইহোক, যদি আপনার অনেক জটিল পয়েন্ট থাকে তবে অনেকগুলি পয়েন্টের সাথে এই সেটিংটি 1 বা এমনকি 0 এ নামিয়ে আনতে হবে তবে ফাইলের আকারটি যথেষ্ট পরিমাণে হ্রাস পাবে। তবে আপনাকে অবশ্যই সাবধানতা অবলম্বন করা উচিত কারণ বেজিয়ার বিভাগগুলি এই সেটিংটির জন্য অত্যন্ত সংবেদনশীল এবং সেগুলি কিছুটা বিকৃত বলে মনে হতে পারে। সুতরাং আপনি যদি এই সেটিংটি সর্বদা কম করেন তবে তা নিশ্চিত হয়ে নিন যে এটি কোনও ব্রাউজারে গ্রহণযোগ্য দেখাচ্ছে।
এনকোডিং
চরিত্রের এনকোডিংয়ের পিছনে ব্যাখ্যাটি বরং প্রযুক্তিগত এবং এটি কেবল পাঠ্য সহ এসভিজি ফাইলগুলি নিয়ে উদ্বেগ প্রকাশ করে। আপনার সর্বাধিক সম্ভবত এনকোডিংটি দরকার ইউটিএফ -8 , আপনি কী করছেন তা যদি না জানেন তবে এটি পরিবর্তন করবেন না।
অ্যাডোব এসভিজি দর্শকের জন্য অনুকূলিত করুন
অ্যাডোব এসভিজি ভিউয়ার এমন সময় থেকে ব্রাউজার প্লাগইন হয় যখন ব্রাউজারগুলি এসভিজি স্থানীয়ভাবে সমর্থন করে না। আমি জানি না এটি কী করে তবে এটি অপ্রাসঙ্গিক, এটি পরীক্ষা করে দেখুন না ।
স্লাইসিং ডেটা অন্তর্ভুক্ত করুন
এটি আপনার এসভিজি ফাইলে মেটাডেটা ব্লাট যুক্ত করে, যদি না আপনি ইলাস্ট্রেটারে আপনার এসভিজি ফাইলটি খোলার এবং আপনার স্লাইসগুলি (যদি আপনার কাছে থাকে) সন্ধান করার পরিকল্পনা না করেন তবে এটি পরীক্ষা করবেন না
এক্সএমপি অন্তর্ভুক্ত করুন
ফাইল সম্পর্কিত আরও মেটাডেটা, আপনি এখানে এক্সএমপি পড়তে পারেন । এটি চেক করবেন না
আরও কম <tspan>উপাদান আউটপুট
আপনার কাছে পাঠ্য না থাকলে এটি ধূসর করা হবে। এসভিজি কার্নিং সারণীগুলি সমর্থন করে না, সুতরাং, নির্দিষ্ট অক্ষরের ক্রমগুলি খুব বেশি ফাঁকা আছে বলে মনে হয় AVA। ইলাস্ট্রেটর tspanউপাদান যোগ করে এবং চরিত্রের অবস্থানটি কিছুটা টুইট করে প্রায় কাজ করে around এটি ফাইলে কিছুটা ব্লাট যুক্ত করে যদি আপনি পাঠ্যের উপস্থিতির চেয়ে ফাইলের আকার সম্পর্কে বেশি যত্ন না করেন তবে এটি পরীক্ষা করবেন না ।
ব্যবহার করুন <textpath>একটি পাথ টেক্সট জন্য উপাদান
কোনও ধরণের পাঠ্য না থাকলে এটি ধূসর করা হবে। কোনও পাঠ্যে পাঠ্য বসানোর ক্ষেত্রে ব্রাউজারগুলির মধ্যে অনেকগুলি প্রবণতা থাকে তাই ইলাস্ট্রেটর ব্রাউজারে চাকরি না রেখে চরিত্রটিতে ঘূর্ণন এবং অবস্থান প্রয়োগ করে সহায়ক হওয়ার চেষ্টা করে। আপনি পাঠ্যের উপস্থিতির চেয়ে ফাইল আকার সম্পর্কে বেশি যত্ন না নিলে এটি পরীক্ষা করবেন না ।
সাধারণভাবে, আমি আপনাকে সাধারণভাবে এসভিজি সন্ধান করার পরামর্শ দিচ্ছি, আপনি দেখতে পাবেন এটি দেখতে অনেকটা এইচটিএমএল এর মতো এবং এটি আপনাকে এমন জিনিসগুলিকে টুইঙ্ক করতে দেয় যা ইলাস্ট্রেটের মধ্যে করা যায় না।
