গুণমান না হারাতে ফাইলের আকার হ্রাস করুন


11

আমি ফটোশপে ফাইলগুলি সংরক্ষণ করতে চাই তবে সেগুলি যথাসম্ভব ছোট রাখি।

আমি ওয়েবের জন্য সেভ (এবং ডিভাইস) ব্যবহার করি এবং জেপিইজি হিসাবে সংরক্ষণ করি। আমি যে সেটিংস ব্যবহার করেছি তা এখানে:

সেটিংস

আমি সত্যিই মানের সেটিংস হ্রাস করতে চাই না কারণ আমি পাঠ্য ব্যবহার করি এবং সেটিংটি খুব কম হলে কখনও কখনও আমি শিল্পকর্মগুলি দেখি।

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

হালনাগাদ:

এখানে আরও কিছু তথ্য যুক্ত করতে:

আমি যে চিত্রগুলি ব্যবহার করি এবং তৈরি করি সেগুলি অনেকগুলি ইমেলের মাধ্যমে প্রেরণ করা হয়। এটি চিত্রের উপরে এইচটিএমএল এবং সিএসএস ব্যবহার করে পাঠ্য রাখার মাধ্যমে আমি কী করতে পারি তা সীমাবদ্ধ করে দেয়।

এছাড়াও আমি বিভিন্ন ফন্ট ব্যবহার করি। কিছু আমি সিএসএস ব্যবহার করে ওয়েবে ব্যবহার @font-faceকরতে পারি তবে আপনি বড় আকারের ফাইল আকারে চালাতে পারেন এবং কিছু ক্ষেত্রে আপনি ফন্টটি আইনিভাবে আপলোড করতে পারবেন না। আমি টাইপকিট এর মতো একটি পরিষেবা ব্যবহার করতে পারতাম তবে আবার আমি ব্যবহার করি এমন অনেকগুলি ফন্ট টাইপকিটের সাথে উপলভ্য নয়।

এখানে একটি উদাহরণ চিত্র:

উদাহরণ চিত্র


1
এর বেশ কয়েকটি উত্তর রয়েছে - আপনি যে ধরণের চিত্রের কথা বলছেন তার উদাহরণ সাহায্য করবে।
e100

1
@ e100 - উদাহরণ চিত্র সরবরাহ করতে এবং আরও তথ্য যুক্ত করতে আমি প্রশ্ন আপডেট করি।
L84


আপনি যদি ওয়েবসাইটটি নিয়ন্ত্রণ করছেন তবে কোড / বিল্ড বিকল্পগুলি দেখুন। আমি একটি প্রো ওয়েব দলের জন্য ডিজাইনার এবং আমরা বড় হিট ছাড়াই ডেস্কটপ / মোবাইল ফোনে পূর্ণ স্ক্রিন ভিডিও সরবরাহ করি। কঠোরভাবে প্রয়োজন না হলে চিত্রগুলি ভেক্টর এসভিজি এবং ফন্ট হিসাবে লোড করা হয়। পৃষ্ঠার KB গণনাটিকে হ্রাস করে। 2000 পিক্সেলের প্রস্থের হিরো ব্যানারগুলি 85% এ জেপিজি এবং পটভূমিতে ছেলেরা প্রি-লোড। শেষ ব্যবহারকারীর ডিভাইসটি ফাইলটির আপেক্ষিক সংস্করণ সনাক্ত এবং বিতরণ করা হয়েছে (অর্থাত্ মোবাইলের জন্য ছোট সংস্করণ)। ব্যবহারকারীর হোম পৃষ্ঠাটি পাস করার সময়, স্ক্রীন লোড তাত্ক্ষণিক হয়। এবং আমরা লক্ষ্য 2 সেকেন্ড সর্বোচ্চ হোম পৃষ্ঠা।
অ্যাপলফ্যানবয়

উত্তর:


15

সেরা সংক্ষেপণ পদ্ধতির পছন্দ আপনার চিত্রের সামগ্রীর উপর নির্ভর করে। আপনি যদি অনেকগুলি রঙ এবং তাদের মধ্যে মসৃণ স্থানান্তর সহ চিত্রটি সংরক্ষণ করার চেষ্টা করছেন, তবে আপনার পছন্দটি জেপিইজি হবে। অন্যথায়, যদি আপনি কয়েকটি রঙের সাথে কিছু লাইনআর্ট, পাঠ্য, চিত্র পেয়ে থাকেন তবে আপনার পরিবর্তে পিএনজি চেষ্টা করা উচিত।

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

আমরা যখন জেপিজি সংক্ষেপণের বিষয়ে কথা বলি, উদাহরণস্বরূপ "প্রগতিশীল" বিকল্পটি ব্যবহার করার চেষ্টা করতে বা "অস্পষ্ট" সেটটি অবিশ্বাস্য মানের সাথে নির্ধারণ করতে দ্বিধা করবেন না (সূক্ষ্ম অস্পষ্টতা গুরুতর সংকোচনের নিদর্শনগুলিকে মাস্ক করতে পারে)।

পিএনজির ক্ষেত্রে, আপনার ব্যবহৃত রঙের পরিমাণ যথাসম্ভব হ্রাস করার চেষ্টা করা উচিত (এর জন্য পিএনজি -8 ব্যবহার করুন)। যখন কিছু "স্মুথিং" প্রয়োজন হয় তখন বিভিন্ন ধীরে ধীরে অ্যালগরিদমের চেষ্টা করুন।

এখানে কয়েকটি উদাহরণ দেওয়া হল:

জেপিইজি, প্রগতিশীল, গুণমান: 40, অস্পষ্টতা: 0.18 জেপিইজি, অনুকূলিত, গুণমান: 60, অস্পষ্টতা: 0 জেপিইজি, প্রগতিশীল, গুণমান: 60, অস্পষ্টতা: 0 পিএনজি -8, মজাদার: ছড়িয়ে পড়া, 256 রঙ

বাম থেকে ডান, উপরে থেকে নীচে, তাদের প্যারামিটারগুলি হ'ল:

  1. জেপিইজি, প্রগতিশীল, গুণমান: 40, ঝাপসা: 0.18, আকার: 9 672 বাইট
  2. জেপিইজি, অনুকূলিত, গুণমান: 60, ঝাপসা: 0, আকার: 16 898 বাইট
  3. জেপিইজি, প্রগতিশীল, গুণমান: 60, ঝাপসা: 0, আকার: 11 104 বাইট
  4. পিএনজি -8, মজাদার: ছড়িয়ে পড়া, রঙ: 256, আকার: 4 528 বাইট

দৃষ্টিভঙ্গিগুলির সাথে তাদের তুলনা করুন এবং তারপরে তাদের নিজ নিজ ডেটা আকারগুলিতে ভাল নজর দিন। প্রথম জুটি প্রায় 9.7 কেবি বনাম 16.9 কেবি। দ্বিতীয়টি 11.1 কেবি বনাম 4.5 কেবি। (আইএমএইচও) এর দ্বারা তুচ্ছ-ভিজ্যুয়াল পার্থক্য।


প্রগতিশীল বিকল্প সম্পর্কে আমার সবচেয়ে বড় উদ্বেগ ইমেল ক্লায়েন্টদের সমর্থন for এটি ব্যাখ্যা করতে আমি আমার প্রশ্নে আরও তথ্য যুক্ত করেছি।
L84

1
আমি যতদূর বলতে পারি "প্রগতিশীল" এটি জেপিজি স্ট্যান্ডার্ডের একটি অংশ এবং বিদেশী কিছু নয়, তাই সমর্থনটি প্রায় 100% হওয়া উচিত। তবে এটি "আমি মনে করি" "আমি জানি" না :) :)।
thebodzio

আমি সম্মত এবং আমি বিশ্বাস আপনি সঠিক, আমি জিজ্ঞাসা করেছিলেন করছে এই প্রশ্ন উপর ওয়েবমাস্টার দঃপূঃ এবং সবচেয়ে খারাপ ক্ষেত্রে এ চিত্র দেখাবেন হবে কিন্তু না যতক্ষণ না তারা সম্পূর্ণরূপে লোড করা হয়।
L84

1
ঠিক কীভাবে "প্রগতিশীল" কাজ করার উদ্দেশ্যে রয়েছে: আরও ডেটা উপলভ্য হওয়ার সাথে সাথে এটি চিত্রটির ক্রমাগত আরও এবং আরও বিশদ বিবরণ প্রদর্শন করা উচিত।
thebodzio

দুঃখিত, আমি যা বোঝাতে চেয়েছি তা স্ক্যানের সাহায্যে ভার্সন বনাম লোড হওয়া অবধি কিছুই দেখা যাচ্ছে না।
L84

10

এখানে কিছু বিকল্প রয়েছে:

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

শেষ দুটি পয়েন্টের সম্প্রসারণ, আপনি বিদ্যমান চিত্রগুলির ফাইলের আকার হ্রাস করার জন্য সময় ব্যয় করার আগে আপনার পুরো বিন্যাসে চিত্রের পরিমাণকে হ্রাস করতে হবে।


2

আমি এখনও পর্যন্ত কিছু উত্তর না দেওয়া প্রশ্নের উত্তর দেওয়ার চেষ্টা করব:

আমি যে চিত্রগুলি ব্যবহার করি এবং তৈরি করি সেগুলি অনেকগুলি ইমেলের মাধ্যমে প্রেরণ করা হয়। এটি চিত্রের উপরে এইচটিএমএল এবং সিএসএস ব্যবহার করে পাঠ্য রাখার মাধ্যমে আমি কী করতে পারি তা সীমাবদ্ধ করে দেয়।

আপনি এইচটিএমএল ইমেলগুলি পাঠাতে পারেন (যেভাবে নিউজলেটারগুলি তৈরি করা হয়)। এইচটিএমএল এবং ইনলাইন সিএসএস সহ (সামঞ্জস্যের জন্য)। চিত্রগুলি একটি সার্ভারে থাকতে হবে এবং আপনাকে স্টাইলিং / ইমগ-ট্যাগগুলিতে পুরো ইউআরএল রাখতে হবে। এখানে বিভিন্ন ই-মেইল ক্লায়েন্টে কি কাজ করে তার তালিকা

এছাড়াও আমি বিভিন্ন ফন্ট ব্যবহার করি। কিছু আমি সিএসএসের @ ফন্ট-ফেস ব্যবহার করে ওয়েবে ব্যবহার করতে পারি তবে আপনি বড় ফাইল আকারে চালাতে পারেন এবং কিছু ক্ষেত্রে আপনি ফন্টটি আইনত আপলোড করতে পারবেন না।

গুগল ওয়েবফন্টগুলি চেষ্টা করুন , এখন পর্যন্ত সেরা ওয়েবফন্ট-উত্স দ্বারা। সমস্ত বিনামূল্যে ব্যবহার। আর একটি হ'ল ফন্ট কাঠবিড়ালি । (এটি একই সাথে @ ফন্ট-ফেস ব্যবহার করে)।


লিঙ্কগুলির জন্য ধন্যবাদ। আমি প্রচারাভিযান মনিটরের কয়েকটি ওয়েবসাইট ব্রাউজ করেছি তবে CSS পৃষ্ঠাটি দেখিনি। খুব দরকারী তথ্য সেখানে।
L84

-1

আপনি এটি করার কোনও উপায় নেই। জেপিইজি হারাতে হবে format গুণমান এবং ফাইলের আকারের মধ্যে সর্বদা বাণিজ্য থাকে।


জেপিইজি ব্যবহার ব্যতীত অন্য কোনও প্রস্তাবনা। পিএনজি কেমন?
L84

1
পিএনজি ক্ষয়ক্ষতিহীন তবে বেশ বড়। আপনি এই চিত্রটি কোথায় ব্যবহার করবেন? যদি এটি ওয়েবের হয় তবে পাঠ্যের কোডিং করা সর্বদা ভাল।
জান্নিক রুফ

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

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

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