ওয়েবসাইটগুলির জন্য নির্মিত চিত্রগুলি সংরক্ষণ করার জন্য কোন ফর্ম্যাটটি ভাল is পিএনজি নাকি এসভিজি?


29

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


উত্তর:


8

আমি পিএনজিটি কেবলমাত্র এটি বলব যে এটি এসভিজির চেয়ে বেশি গ্রহণযোগ্য ফর্ম্যাট বলে মনে হয়।


3
মানের এসভিজির জন্য এটি আরও ভাল, তবে অনুশীলনে একমাত্র আসল সমাধান হ'ল পিএনজি কারণ এসভিজি এটি বর্তমান তারিখে বিশ্বব্যাপী সমর্থিত নয়।
লিটলমাড

@ লিটলম্যাড রেন্ডারিং এবং এসভিজি প্রদর্শন করা কেবল একটি পিএনজি দিয়ে চিত্রটি মোছার চেয়ে ধীর।
মতিন উলহাক

1
@ লিটলম্যাড আপনার দরকার নেই। আপনি আইআইএল 9 এর জন্য ভিএমএল ওয়ার্কআরআন্ড ব্যবহার করতে পারেন, বা আপনি এটি সার্ভারে প্রাক-রেন্ডার করতে পারেন, বা এমনকি ফ্ল্যাশ-ভিত্তিক এম্বেড ব্যবহার করতে পারেন যা এটির জন্য এটি সরবরাহ করে। সমস্ত ব্রাউজার (কমপক্ষে প্রধানগুলি) এসভিজি সমর্থন করে, কেবল আইই 6, 7 এবং 8 আমাদের সাথে চ * করছে * সুতরাং কেবল যে কোনও কর্মক্ষেত্র ব্যবহার করুন যা ভয়াবহ নয়, যদি তারা আরও খারাপ সাইট দেখে তবে এটি তাদের দোষ। এটি অনেকটা এসডিটিভি বনাম এইচডিটিভি বা ডিভিডি বনাম ব্লুয়ের মতো।
ক্যামিলো মার্টিন

1
২০১৪ সালে এই উত্তরটি সম্ভবত এর পরিবর্তে এসভিজির পক্ষে হওয়া উচিত।
হান্না

1
2015 caniuse.com/#search=svg - মূলত কোনও
আই 8

18

এখানে সহজ উত্তর উভয় ব্যবহার।

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

আপনি যদি ফটো গ্রাফিক্সের জন্য এই পছন্দটি বিবেচনা করছেন তবে কোনও বিকল্প নেই; পিএনজি সম্ভবত সর্বদা ভাল হবে। গ্রাফিক্সের ক্ষেত্রে যেখানে এসভিজি একটি কার্যকর বিকল্প, সেখানে পিএনজি / জেপিইজি ফালব্যাক সহ এসভিজি হ'ল সেরা বিকল্প। পিএনজির অনেক শক্তি রয়েছে তবে স্কেলাবিলিটি এবং ফাইল আকারে এটি প্রায়শই এসভিজির সাথে মেলে না।

শুধুমাত্র একটি বা অন্য উপায় ব্যবহার করে আপনাকে পিছনে সামঞ্জস্যতা বা প্রগতিশীল বর্ধন করতে হবে।

একে অপরের বিরুদ্ধে ওজন করে, পিএনজি অবশ্যই এসভিজির চেয়ে আরও বেশি ব্রাউজারের দ্বারা এই সময়ে বর্তমান সময়ে সমর্থিত হবে, তবে সদ্য প্রকাশিত ডিভাইসগুলির রেজোলিউশন চিরতরে বাড়ছে, অর্থ পিএনজিগুলি হয় বিবিধ বিভিন্ন রেজোলিউশনের ভিত্তিতে পরিবেশন করা প্রয়োজন (মিডিয়া ক্যোয়ারী, জাভাস্ক্রিপ্ট বা ব্যবহারকারী এজেন্ট স্নিফিংয়ের মাধ্যমে) বা ব্রাউজারগুলি দ্বারা মাপা, যা কিছু অসম্পূর্ণ ফলাফল তৈরি করতে পারে could

আমরা কী জানি ভবিষ্যতের ধারনা রয়েছে; চিরকাল উচ্চতর রেজোলিউশন, ব্যাপক সমর্থন এবং ইন্টারনেট জুড়ে এসভিজির বিস্তৃত ব্যবহার; যা আসছে তার জন্য এটি বোধগম্য হয়।

সাধারণভাবে, ওয়েবসাইটগুলি বহু বছর ধরে স্থায়ী হওয়া উচিত; 5 বছরের মধ্যে আপনার সুন্দর পিছনের দিকের সামঞ্জস্যপূর্ণ ওয়েবসাইটটি 2% ইন্টারনেট ব্যবহারকারীদের জন্য এখনও পুরানো ব্রাউজারগুলি ব্যবহার করে চমত্কার দেখাতে পারে, তবে পাগল রেজোলিউশনের সাথে আপ টু ডেট ব্রাউজারগুলিতে মোটামুটি দরিদ্র so সুতরাং এটি কোন পথে কঠোর পছন্দগুলির একটি স্ট্যাক very আপস।


নভেম্বর 2014 এ আপনার বিকল্পগুলি

  1. শুধুমাত্র পিএনজি

    • মানের জন্য আপনাকে পর্দার আকার এবং রেজোলিউশনের উপর নির্ভর করে কমপক্ষে পাঁচটি ভিন্ন সংস্করণ পরিবেশন করতে হবে - এবং এটি একটি খুব রক্ষণশীল অনুমান, আপনি যদি খুব নিখুঁত হতে চান তবে একই চিত্রের 10 - 15 সংস্করণ দিয়ে শেষ করতে পারেন । এটি বাস্তবায়নে কিছু সময়ও লাগে।

    • আপনি যদি কোনও একক গ্রাফিক পরিবেশন করা এবং ব্রাউজারটি এটির স্কেল করতে পছন্দ করেন তবে ফলাফলগুলি সম্ভবত নিখুঁত থেকে কম হবে এবং স্কেলিংয়ের পরিমাণের উপর নির্ভর করে এমনকি কুৎসিত হতে পারে।

    • বিপুল সংখ্যক মিডিয়া ক্যোয়ারী অকারণে সিএসএস ফুটিয়ে তুলতে পারে এবং পৃষ্ঠা লোডিং গতির উপর নেতিবাচক প্রভাব ফেলতে পারে।

    • পুরানো ব্রাউজারগুলি এবং ডিভাইসগুলিতে দুর্দান্ত দেখাবে, তবে নতুনগুলিতে তেমন দুর্দান্ত নয়।

  2. একক পিএনজি / জেপিইজি / জিআইএফ ফ্যালব্যাক সহ এসভিজিগুলি

    • আপনি যেকোন জায়গায় এসভিজি ব্যবহার করতে পারেন এবং তারপরে এটি এসভিজি সমর্থন করে না এমন ব্রাউজারগুলির জন্য অন্য ফরম্যাটে ফ্যালব্যাক পেতে পারে। প্রধান সুবিধাটি হ'ল সমস্ত ভিন্ন রেজোলিউশনের জন্য আপনার কেবল একটি ফাইল দরকার।

    • যদি আপনি আপস করেন এবং স্বীকার করেন যে পুরানো ব্রাউজারগুলির ব্যবহারকারীরা অসম্পূর্ণভাবে স্কেল করা গ্রাফিক্সের সাথে বাঁচতে পারে তবে আপনার কেবল পিএনজি, জেপিইজি বা জিআইএফ ফর্ম্যাটের প্রতিটি ফাইলের একটি অন্য সংস্করণ প্রয়োজন।

    • এটি কেবলমাত্র পিএনজি হিসাবে মিডিয়া ক্যোয়ারী হিসাবে প্রয়োগ করতে সমান পরিমাণ সময় নেবে - সম্ভবত এটি আরও কম, অর্থাত এটি সম্ভবত একই দামের কাছাকাছি হবে।

    • পুরানো প্রযুক্তিতে ত্যাগের সাথে সমস্ত নতুন ডিভাইসে দুর্দান্ত দেখাবে।

  3. একাধিক পিএনজি / জেপিইজি / জিআইএফ ফলব্যাকস সহ রেজোলিউশন এবং স্ক্রিন আকারের উপর নির্ভরশীল এসভিজি

    • আপনি প্রথমে এসভিজি পরিবেশন করতে পারেন এবং তারপরে এসভিজি সমর্থন করে না এমন ব্রাউজারগুলির জন্য রেজোলিউশন-নির্ভর PNGs। এটি সর্বাধিক পুঙ্খানুপুঙ্খভাবে, বেশিরভাগ পিছনের দিকে এবং সামনের দিকে সামঞ্জস্যপূর্ণ, সর্বাধিক সামঞ্জস্যপূর্ণ এবং সবচেয়ে ব্যয়বহুল সময় ব্যয়কারী বিকল্প।

    • এটি সম্ভবত 1 এবং 2 মিলিত হিসাবে বেশি সময় নিতে পারে, প্লাস কিঙ্কসকে কাজ করার জন্য কিছুটা অতিরিক্ত।

    • প্রায় প্রতিটি ডিভাইসে আশ্চর্যজনক দেখাবে ।


সংক্ষেপে, আমি মনে করি এটি আপনি আরও পিছিয়ে পড়া সামঞ্জস্যতা বা আরও প্রগতিশীল বর্ধনের সন্ধান করছেন কিনা এবং আপনার কতটা অর্থ ব্যয় করতে হবে তা নির্ভর করে depends


1
আপনি <picture>বিভিন্ন চিত্রের মাপের সাহায্যে উপাদানটির বিষয়ে কিছু উল্লেখ করতে পারেন
Zach Sauceer

15

এসভিজি স্কেলযোগ্য, যদি আপনার কাছে ভেক্টর-গ্রাফিক থাকে তবে এটি সুস্পষ্ট সুবিধা। পিক্সেল-গ্রাফিক্সের জন্য পিএনজি আরও ভাল। একটি খারাপ দিকটি হ'ল, ইন্টারনেট এক্সপ্লোরার এসভিজিকে কেবল আসন্ন সংস্করণ 9 (প্লাগিনের সাথে আগে) দিয়ে সমর্থন করে। মোবাইল ব্রাউজারগুলিতে এসভিজির জন্যও সীমিত সমর্থন থাকতে পারে।

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


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

যেমনটি আমি লিখেছি, IE এর কোনও এসভিজি-সমর্থন নেই (কেবলমাত্র ভবিষ্যতের সংস্করণ 9 অবধি) এবং মোবাইল ব্রাউজারেও সমর্থনটির অভাব থাকতে পারে।
মেনিমেন্ট

@ লিটলম্যাড: ডাউনওয়েট 1-এর পর থেকে সামান্য উত্সাহিত হয়েছে - উত্তর আমাদের বলে যে এটি সম্পূর্ণরূপে সমর্থিত নয় (ঠিক আছে, খুব বেশি বিবরণ নয় তবে, এটি বলা হয়েছে এবং ভুল নয়, এটি -1 প্রাপ্য নয়) 2- পিএনজি আলফা চ্যানেল আই 6 এবং 7 তে সমর্থিত নয় এবং সে সম্পর্কে একটি শব্দও নয়? :)
শিকিরিউ

@ ক্লেমডিজম: আহ, ভাল ইঙ্গিত, পুরানো আইইগুলি সম্পূর্ণরূপে স্বচ্ছ পিএনজি সমর্থন করে না।
মেনেমেন্ট

1
@ লিটলম্যাড "অনেকগুলি সাম্প্রতিক ব্রাউজারগুলিতে সমর্থিত নয়" এটি একটি ভুল উপসংহার বলে মনে হয়, যেহেতু লিঙ্কযুক্ত রেফারেন্সে কেবলমাত্র একটি ব্রাউজার রয়েছে, যা এসভিজি (আইই 8) পরিচালনা করতে সক্ষম নয়। এসভিজি ব্যবহার করার জন্য আপনার প্লাগইন ইনস্টল করারও প্রয়োজন নেই (এটি কখনও দেখেনি, সম্ভবত আই 6 এ)। লিঙ্কযুক্ত রেফারেন্সে আপনি লাল রঙে যা দেখছেন তা হ'ল এসভিজির অংশ, আপনি বেশিরভাগই ব্যবহার করবেন না (বেশিরভাগরকম কোনও ফিল্টার বা অন্যান্য প্রভাব)। বেসিকগুলি কাজ করে।
ফিয়েল

5

কোনও ওয়েবসাইটের জন্য অবশ্যই পিএনজি ব্যবহার করুন। এসভিজি কেবল পর্যাপ্ত পরিমাণে সমর্থিত নয় এবং এটি সমতল রফতানির জন্য পিএনজির তুলনায় কয়েকটি (যদি থাকে) তবে তাৎপর্যপূর্ণ সুবিধা রয়েছে। এটি বলেছিল, আপনার সমস্ত কাজের অনুলিপিগুলিকে এসভিজিতে রাখুন।


1
মূল সমাধানটি এসভিজি হিসাবে রাখার এবং এটি ওয়েবের জন্য পিএনজিতে রফতানি করার ভাল সমাধান। যদি এসভিজি পরবর্তীতে আরও ভাল সমর্থিত হয় তবে আপনি এটি পরিবর্তন করতে পারেন। আমি ভেক্টর চিত্রগুলির জন্য সেই সমাধানটি সুপারিশ করব।
মেনেমেন্ট

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

3
ভেক্টর ইলাস্ট্রেশনগুলির জন্য পিএনজির চেয়ে এসভিজির অনেক সুবিধা রয়েছে।
DA01

0

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

আমি যে আপনার প্রশ্নের উত্তর আশা করি :)


"আরও স্থান গ্রহণ এবং overcomplicate"? কেমন করে?
DA01

1
আমি নিশ্চিত যে এটি আপনার এসইওকে প্রভাবিত করতে পারে কারণ আপনার ছবিগুলি গুগলে প্রদর্শিত না হতে পারে এবং আমি 100% নিশ্চিত নই তবে এটি প্রায়শই
ঘটে

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

1
হ্যাঁ, আমি বলতে চাইছি দিনের শেষে কোনও সঠিক বা ভুল উত্তর নেই। ফাইলের আকার আপনার চিত্রের জটিলতার উপর নির্ভর করে এবং হ্যাঁ আপনার পছন্দ ব্যবহারের ক্ষেত্রে নির্ভর করে। আমি কেবল বিভিন্ন ফাইল প্রকারের
পক্ষে মতামত তুলে ধরেছিলাম

-1

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


অ্যাডোব ইলাস্ট্রেটর কি পিএনজি বা এসভিজি বা উভয়কেই অনুমতি দেয় বা এখানে ইলাস্ট্রেটারের নামকরণের কারণটি কী? এবং আপনি কেন ভাবেন যে এসজিজি বিশ্বব্যাপী গৃহীত নয়?
মেন্শ
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.