কখন আমার ওয়েব গ্রাফিক্সের জন্য এসভিজি বা এসভিজিজেড ব্যবহার করা উচিত?


22

আমার বোধ থেকে,

এসভিজিজেড একটি এসভিজির সংকুচিত ফাইল টাইপ। আমি এসভিজি ইমেজগুলি ব্যবহার করতে পছন্দ করি এবং তাদের সাথে প্রচুর অভিজ্ঞতা পেয়েছি।

আমি তাদের ব্যবহারের সমস্ত সময় আমার কাছে কখনও গ্রাফিক ছিল না যা কয়েকশ কিলোবাইটেরও বেশি।

প্রতিক্রিয়াশীল ওয়েবসাইটগুলি তৈরি করার সময় আমি প্রতিক্রিয়াশীল গ্রাফিক্সের জন্য এসভিজি ব্যবহার করি। আমি এগুলিও ব্যবহার করি যেহেতু আমার প্রিয় ডিজাইনের স্টাইলটি ভেক্টর ভিত্তিক গ্রাফিক্স। আমার সবচেয়ে শক্তিশালী ডিজাইনের শক্তি চিত্রক, বিশেষত যখন গ্রাফিক ডিজাইনের বিষয়টি আসে।

আমি এসভিজি গ্রাফিকটি ব্যবহার করার অন্য কারণটি হ'ল গ্রাফিকের কয়েকটি উপাদান যেমন হাত, পা ইত্যাদির অ্যানিমেট করা সহজ to

বিশেষত ব্যাকগ্রাউন্ড উপাদানগুলি, পুরো পৃষ্ঠ জুড়ে একটি শহরের মতো আমি যখন কিছু আলোকসজ্জা জ্বালিয়ে দেই এবং এমনই কিছু করি।

যদি ফাইলটি সংকুচিত হয়, তবে এটি কি এসভিজি কোডটি হারাবে তাই আমি এনিমেট করতে পারি না?

আমার কোনও এসভিজিজেডকে কেবল একটি এসভিজির মাধ্যমে ব্যবহার করার কোনও কারণ আছে?

হালনাগাদ

ওয়েল আমি ঠিক করেছি একটি এসভিজি এবং এসভিজিজেড তৈরি করার জন্য তারা ওয়েবের সাথে কীভাবে অভিনয় করেছে তা দেখার জন্য যেহেতু আমি জানতে পেরেছিলাম যে আমার কাজগুলি প্রাচীন সিএস 3 এসভিজিজেড সংরক্ষণ করতে পারে!

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

এগুলি কি ওয়েবের জন্য অকেজো?

.svg

.svgz

JSFIDDLE


দেখে মনে হচ্ছে এটি আংশিকভাবে একটি ওয়েব সার্ভার কনফিগারেশন ইস্যু সেটিংটি .svgzসঠিক মাইম টাইপ ব্যবহার করে পরিবেশন করা হতে পারে, stackoverflow.com/questions/16725380/svgz-doesnt-display দেখুন । ব্যক্তিগতভাবে আমি ওয়েবে সর্বদা এসভিজি / ভেক্টর গ্রাফিক্সের জন্য র্যাফেল.জেএস ব্যবহার করি কারণ আমার
আইই 8

হুম, খুব দরকারী লিঙ্কের জন্য আপনাকে ধন্যবাদ। এটি ব্যবহার করার কোনও কারণ আছে SVGZ? আমি ভেবেছিলাম সম্ভবত একটি চিত্র ফাইলের আকার কাটাতে ভাল লাগবে। কোনওটি SVGZওয়েবের জন্য কোনও উপায়ে কার্যকর বা কোনও উপায়েই সত্যই কার্যকর কিনা সে সম্পর্কে আমি কেবল কৌতূহলী ।
জোশ পাওয়েল

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

@ জোশপোয়েল: প্রদত্ত যে বেশিরভাগ HTTP সার্ভারগুলি gzip সংক্ষিপ্তকরণ সহ সামগ্রীগুলি প্রেরণ করে আমি এই প্রশ্নের উদ্দেশ্য দেখতে পাচ্ছি না। এবং কিছু সার্ভারের সাহায্যে, আপনি যদি নিজের ফাইলটির .svg.gz নাম রাখেন, তবে ব্রাউজারটি এমন একটি তথ্য পেয়ে যাবে যে আসল ফাইলটি সংকুচিত হয়নি।
ব্যবহারকারী 2284570

উত্তর:


9

সংক্ষিপ্ত এসভিগির জন্য সমর্থন ব্রাউজারের দ্বারা পরিবর্তিত হতে পারে তবে এসসিজিজেড ফাইলটিকে এনকোডিং সম্পর্কিত তথ্য সহ সঠিকভাবে ফ্ল্যাগ করার জন্য আপনাকে সার্ভারটি কনফিগার করতে হবে ব্রাউজারটি কীভাবে প্রাপ্তির পরে ডিকোড করতে হয় তা স্পষ্টভাবে তা জানাতে।

"বিষয়বস্তু-এনকোডিং: জিজিপ" অন্তর্ভুক্ত করার জন্য এসভিজিজেডের জন্য সার্ভারের প্রতিক্রিয়াটি কনফিগার করা দরকার

svg     Content-Type: image/svg+xml

svgz    Content-Type: image/svg+xml
        Content-Encoding: gzip

অ্যাপাচি ওয়েব সার্ভারের জন্য এটি একটি .htaccess ফাইলের মাধ্যমে অর্জন করা যেতে পারে:

AddType image/svg+xml svg svgz
AddEncoding gzip svgz

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


যদি আপনার সার্ভার বা প্ল্যাটফর্মটি মোটামুটি বুদ্ধিমান থাকে তবে সেখানে সংক্ষেপণ সম্পাদন করা অত্যন্ত কাস্টমাইজড হিসাবে এটি ক্যাশে করা যেতে পারে T এটি অবশ্যই আপনার সাইটের ক্র্যাশ ঘটানোর মতো জিনিস নয়, হেলথকেয়ার.gov ছেড়ে দিন।
জোশ কোয়েনিগ

11

এটি আপনি যে উত্তরটি আশা করছেন তা নাও হতে পারে তবে ওয়েবের জন্য কোনও এসভিজিজেড ফাইল ব্যবহার করার দরকার নেই truly কারণ হ'ল একটি এসভিজিজেড ফাইলটি কেবল একটি এসভিজি যা প্রাক-জিজিপড হয়েছে।

আধুনিক ওয়েব সার্ভারগুলি সম্পদটি পরিবেশন করার আগে এই গিজিপগুলি নিজেই করতে পারে ( আরও তথ্যের জন্য স্ট্যাকওভারফ্লোতে এই উত্তরটি দেখুন), সুতরাং আপনার যদি সংকোচিত হওয়ার সময় যদি কোনও 300KB এসভিজি থাকে যা 50KB হয় তবে ওয়েব সার্ভার দ্বারা স্বয়ংক্রিয়ভাবে জিজেপ করা হলে এটি প্রায় সমান হবে। সুতরাং এটি লাইনে 300KB হবে না, এটি 50KB হবে এবং তারপরে ব্রাউজারটি সঙ্কুচিত হবে।


আপনি কি নিশ্চিত যে সংকুচিত ফাইলটি কোথাও ক্যাশে হয়েছে? 5000 টি দর্শনার্থীর জন্য এই এসভিজি সম্পদগুলি বারবার জিপ করা অনেক কাজ।
বোকান

@ বোকান: কিছু সার্ভার একটি। জিজেড ফাইল এক্সটেনশান যুক্ত করে বিষয়বস্তুগুলিকে প্রাক-সঙ্কুচিত করার বিকল্প সরবরাহ করে। সুতরাং কোনও ক্লায়েন্ট যদি সূচিপত্রের জন্য অনুসন্ধান করে html সার্ভার উত্তর-সংক্ষেপিত ফাইলের সাথে সূচক উত্তর দেয়। Html.gz।
ব্যবহারকারী 2284570

@ ব্যবহারকারী 2284570: সুতরাং আপনাকে হাতে হাতে .gz তৈরি করতে হবে। অন্যথায় এটি ফাইলগুলি প্রেরণের সময় সংকোচিত করবে এবং এটি সার্ভারের জন্য অনেক কাজ।
বোকন

1
@ বোকান: হ্যাঁ এবং এটিতে সাধারণ সামগ্রী-এনকোডিং সংক্ষেপণের চেয়ে প্রায়শই অতিরিক্ত সার্ভার কনফিগারেশন প্রয়োজন। এমনকি আই 5 এটি সমর্থন করে। ডিরেক্টরিতে প্রতিটি স্ট্যাটিক ফাইল সংকোচনের জন্য একটি স্ক্রিপ্ট তৈরি করা সহজ থেকে যায়। দ্বিতীয় ক্ষেত্রে, এটি ডিস্কের স্থান এবং ব্যান্ডউইথ উভয়ই সঞ্চয় করে।
ব্যবহারকারী 2284570
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.