১. ক্রপ না করেই Instagram-এর জন্য বর্গাকার ছবি তৈরির উপায়
Instagram শুরুতে শুধুমাত্র বর্গাকার ছবির প্ল্যাটফর্ম ছিল। যদিও এখন একাধিক অনুপাত গ্রহণ করে, তবুও বর্গাকার পোস্ট ফিডে ভালো পারফর্ম করে — এগুলো বেশি উল্লম্ব জায়গা নেয়, ফলে স্ক্রোল করে পার হওয়া কঠিন হয়। সমস্যা হলো: বেশিরভাগ ছবি ল্যান্ডস্কেপ বা পোর্ট্রেট, এবং সেগুলো বর্গাকারে ক্রপ করলে প্রায়ই গুরুত্বপূর্ণ অংশ কেটে যায় — ছবির প্রান্তে থাকা মানুষ, দৃশ্যাবলির পটভূমি, বা মূল রচনাগত উপাদানগুলো।
ব্লার্ড ফ্রেম সমাধান
ছবি কেটে ফেলার পরিবর্তে, এটিকে প্রসারিত করুন। ব্লার্ড ফ্রেম কৌশলটি বর্গাকার ক্যানভাসটি আপনার নিজের ছবির একটি ব্লার করা সংস্করণ দিয়ে পটভূমি হিসেবে পূরণ করে। আপনার পুরো ছবিটি বর্গের ভেতরে দৃশ্যমান থাকে, আর চারপাশের জায়গাটি একই ছবি থেকে নরম, রঙ-মেলানো ব্লার দিয়ে ভরা হয়।
এই কৌশলটি ভ্রমণ ফটোগ্রাফার, ফুড ব্লগার এবং ব্র্যান্ড অ্যাকাউন্টগুলো ব্যাপকভাবে ব্যবহার করে। এটি বিষয়বস্তু অক্ষুণ্ণ রেখেই প্ল্যাটফর্মের ফরম্যাট প্রয়োজনীয়তা পূরণ করে।
PhotoFramr দিয়ে ধাপে ধাপে
- PhotoFramr খুলুন এবং আপনার ছবি আপলোড করুন (ড্র্যাগ-অ্যান্ড-ড্রপ বা ক্লিপবোর্ড থেকে পেস্ট করুন)
- শীর্ষ নেভিগেশন থেকে Blurred Frame মোড নির্বাচন করুন
- ব্লারের মাত্রা সেট করুন — ৬০–৮০% সবচেয়ে স্বাভাবিক দেখায়
- বর্গের মধ্যে মূল ছবির আকার নির্ধারণে স্কেল স্লাইডার ব্যবহার করুন
- চাইলে ডিম স্লাইডারটি সামান্য কমিয়ে পটভূমিকে পিছনে ঠেলে দিন
- শেয়ার করার জন্য JPG বা WebP হিসেবে ডাউনলোড করুন
প্রো টিপস
- বেশি ব্লার (৭৫–৮৫%) পোর্ট্রেটের জন্য সবচেয়ে ভালো কাজ করে; কম ব্লার (৪০–৫৫%) ল্যান্ডস্কেপের জন্য কার্যকর যেখানে পটভূমির কিছু বিবরণ চান
- ডিম স্লাইডার ১৫–২০% কমালে বিষয়টি ব্লার করা পটভূমির বিপরীতে ভালো ফুটে ওঠে
- Stories বা Reels কভার ছবির জন্য, পোর্ট্রেট (৯:১৬) অভিমুখে একই কৌশল ব্যবহার করুন তারপর ক্রপ করুন
২. বিনামূল্যে ছবির ব্যাকগ্রাউন্ড সরান — Photoshop ছাড়াই
ব্যাকগ্রাউন্ড সরানো ফটো সম্পাদনার সবচেয়ে চাহিদাসম্পন্ন কাজগুলোর একটি: ই-কমার্সের পণ্য ছবি, LinkedIn-এর জন্য পরিষ্কার হেডশট, উপস্থাপনার জন্য গ্রাফিক্স, বা মেসেজিং অ্যাপের স্টিকার। ঐতিহ্যগতভাবে এটির জন্য Photoshop দক্ষতা, সাবস্ক্রিপশন বা অনলাইন সেবায় ছবি পাঠানোর প্রয়োজন হতো। এখন AI এটিকে তাৎক্ষণিক এবং ব্যক্তিগত করে তুলেছে।
AI ব্যাকগ্রাউন্ড রিমুভাল কীভাবে কাজ করে
আধুনিক AI মডেলগুলো একটি ছবির প্রতিটি পিক্সেল বিশ্লেষণ করে, সামনের বিষয় এবং পটভূমির মধ্যে পার্থক্য করে। কোটি কোটি লেবেলকৃত ছবিতে প্রশিক্ষিত এই মডেলগুলো সূক্ষ্ম প্রান্ত শনাক্ত করতে পারে — চুলের তার, স্বচ্ছ বস্তু, জটিল সিলুয়েট — ম্যানুয়াল মাস্কিংয়ের সাথে প্রতিযোগিতামূলক নির্ভুলতায়।
PhotoFramr Bria AI-এর RMBG-1.4 মডেল ব্যবহার করে, যা আপনার ব্রাউজারের ভেতরেই সম্পূর্ণরূপে চলে। কোনো ছবি কখনো সার্ভারে পাঠানো হয় না। মডেলটি একবার ডাউনলোড হয় (~৪৪ MB) এবং পরবর্তী ব্যবহারের জন্য ক্যাশ করা থাকে।
PhotoFramr-এ ব্যাকগ্রাউন্ড কীভাবে সরাবেন
- আপনার ছবি আপলোড করুন এবং BG Remove মোডে যান
- Remove Background ক্লিক করুন — প্রথমবার ব্যবহারে মডেল ডাউনলোড হওয়ার অপেক্ষা করুন
- চেকার্ড (স্বচ্ছ) ক্যানভাসে ফলাফল দেখুন
- বেছে নিন: কোনো ব্যাকগ্রাউন্ড ছাড়া PNG-এর জন্য Transparent, অথবা যেকোনো রঙ দিয়ে পূরণ করতে Solid Color
- ডাউনলোড করুন — স্বচ্ছ ফলাফল স্বয়ংক্রিয়ভাবে PNG হিসেবে সেভ হয়
সেরা ফলাফল পেতে
- উচ্চ কনট্রাস্টের বিষয় সবচেয়ে ভালো কাজ করে — হালকা পটভূমিতে গাঢ় বিষয় বা বিপরীতে AI-কে স্পষ্ট প্রান্ত অনুসরণ করতে সাহায্য করে
- জটিল চুল মডেলটি ভালোভাবে পরিচালনা করে, তবে সূক্ষ্ম তারের জন্য ডিজাইন সফটওয়্যারে ম্যানুয়াল পরিষ্কারের প্রয়োজন হতে পারে
- একই রঙ এড়িয়ে চলুন — যদি আপনার বিষয়ের পোশাক পটভূমির রঙের মতো হয়, নির্ভুলতা কমে যায়
- পণ্য ছবির জন্য, সবচেয়ে পরিষ্কার ফলাফলের জন্য সাদা বা ধূসর পটভূমিতে শুটিং করুন
৩. AI ব্যবহার করে কম রেজোলিউশনের ছবি আপস্কেল করার পদ্ধতি
আমাদের সবারই এমন ছবি আছে যা আধুনিক ব্যবহারের জন্য খুব ছোট — পুরনো স্ক্যান করা ছবি, প্রথম দিকের সোশ্যাল মিডিয়া থেকে ডাউনলোড করা থাম্বনেইল, পুরনো ডিভাইসের স্ক্রিনশট, বা পুরনো ক্যাটালগের পণ্য ছবি। মান না হারিয়ে এগুলো বড় করা একসময় ব্যয়বহুল সফটওয়্যার ছাড়া অসম্ভব ছিল। AI সুপার-রেজোলিউশন তা বদলে দিয়েছে।
ঐতিহ্যগত আপস্কেলিং বনাম AI আপস্কেলিং
স্ট্যান্ডার্ড আপস্কেলিং (বাইকিউবিক, বাইলিনিয়ার) জানা পিক্সেলের মধ্যে গাণিতিকভাবে ইন্টারপোলেট করে কাজ করে। এটি ফাঁক পূরণ করে কিন্তু নরম, ঝাপসা প্রান্ত তৈরি করে — ক্লাসিক "বড় করা JPEG" দেখতে। AI আপস্কেলিং মূলত ভিন্ন: এটি লক্ষ লক্ষ উচ্চ- ও কম-রেজোলিউশনের ছবি জোড়ায় প্রশিক্ষিত গভীর নিউরাল নেটওয়ার্ক ব্যবহার করে সূক্ষ্ম বিবরণ কেমন হওয়া উচিত তা পূর্বাভাস দেয়, ইতিমধ্যে যা আছে তার গড় নেওয়ার বদলে।
ফলাফল: তীক্ষ্ণ প্রান্ত, আরও স্বাভাবিক টেক্সচার, এবং ছবিগুলো যেন শুধু প্রসারিত না হয়ে আসলেই উচ্চ রেজোলিউশনে তোলা মনে হয়।
AI আপস্কেলিং সবচেয়ে বেশি কাজে আসে কখন
- কম রেজোলিউশনে স্ক্যান করা বা তোলা পুরনো ছবি
- পুরনো ই-কমার্স ক্যাটালগের পণ্য ছবি
- পুরনো বা কম-DPI ডিভাইসে তোলা স্ক্রিনশট
- মান সেটিং উন্নত হওয়ার আগে ডাউনলোড করা সোশ্যাল মিডিয়ার ছবি
- প্রিন্ট বা বড় ফরম্যাটের ডিসপ্লের জন্য প্রয়োজনীয় ছোট ছবি
২× বনাম ৪× আপস্কেলিং
PhotoFramr দুটি মোড অফার করে:
- ২× (প্রস্তাবিত): প্রস্থ ও উচ্চতা দ্বিগুণ করে (মোট পিক্সেল ৪ গুণ)। সেরা মান অনুপাত, প্রায় যেকোনো ছবিতে কাজ করে। এখান থেকে শুরু করুন।
- ৪×: মাত্রা চারগুণ করে (১৬ গুণ পিক্সেল)। মডেলের দুটি পাস ব্যবহার করে। খুব ছোট উৎস ছবির জন্য আদর্শ (৪০০px প্রস্থের নিচে)। প্রক্রিয়া করতে বেশি সময় লাগে।
PhotoFramr-এ আপস্কেল করার পদ্ধতি
- আপনার ছবি আপলোড করুন এবং Upscale মোডে যান
- ২× বা ৪× বেছে নিন — অনিশ্চিত হলে ২× দিয়ে শুরু করুন
- Upscale Image ক্লিক করুন — প্রথমবার মডেল ডাউনলোড হয় (~১১ MB)
- ফলাফলে দেখানো আউটপুট মাত্রা পর্যালোচনা করুন
- সেরা মানের জন্য PNG হিসেবে, বা ছোট ফাইল সাইজের জন্য JPG/WebP হিসেবে ডাউনলোড করুন
৪. যেকোনো প্ল্যাটফর্মের জন্য সঠিক অ্যাসপেক্ট রেশিওতে ছবি ক্রপ করুন
সোশ্যাল মিডিয়ায় বেশিরভাগ ছবির সমস্যা রেজোলিউশনের নয় — অ্যাসপেক্ট রেশিওর। ভুল রেশিওতে ছবি আপলোড করলে প্ল্যাটফর্ম স্বয়ংক্রিয়ভাবে ক্রপ করে, প্রায়ই ঠিক যা দেখাতে চেয়েছিলেন তা কেটে ফেলে। প্রতিটি প্ল্যাটফর্মের জন্য সঠিক রেশিও জানলে সময় বাঁচে এবং অনাকাঙ্ক্ষিত ক্রপিং এড়ানো যায়।
প্ল্যাটফর্ম অনুযায়ী সাধারণ অ্যাসপেক্ট রেশিও
| রেশিও | আকৃতি | সেরা ব্যবহার |
|---|---|---|
| ১:১ | বর্গাকার | Instagram ফিড, প্রোফাইল ছবি, WhatsApp প্রিভিউ |
| ৪:৫ | পোর্ট্রেট | Instagram ফিড (বেশি স্ক্রিন স্পেস পায়) |
| ৯:১৬ | লম্বা পোর্ট্রেট | Instagram Stories, TikTok, YouTube Shorts, Reels |
| ১৬:৯ | ওয়াইডস্ক্রিন | YouTube থাম্বনেইল, Twitter/X হেডার, ডেস্কটপ ওয়ালপেপার |
| ৪:৩ | স্ট্যান্ডার্ড | Facebook পোস্ট, iPad স্ক্রিনশট, উপস্থাপনা |
| ৩:২ | ক্লাসিক ছবি | DSLR আউটপুট, ৪×৬ প্রিন্ট, Flickr |
| ২:১ | চওড়া ব্যানার | Twitter/X ইন-ফিড ছবি, LinkedIn কভার |
PhotoFramr-এ ক্রপ করার পদ্ধতি
- আপনার ছবি আপলোড করুন এবং Crop মোডে যান
- ফিল্ডে আপনার পছন্দের রেশিও টাইপ করুন (যেমন ১৬:৯, ৪:৫, বা ৯:১৬) — বা ফ্রিফর্মের জন্য খালি রাখুন
- আপনার রচনা ফ্রেম করতে ক্রপ বক্স টেনে নিয়ে যান
- রেশিও লক রেখে আকার পরিবর্তন করতে ক্রপ বক্সের ৮টি হ্যান্ডেল ব্যবহার করুন
- ডাউনলোড করুন — পুরো উৎস রেজোলিউশনে ক্রপ করা অঞ্চল পাবেন
রচনা টিপস
- তিন ভাগের নিয়ম: একটি ৩×৩ গ্রিড কল্পনা করুন। বিষয়টি ঠিক কেন্দ্রে নয়, চারটি ছেদবিন্দুর একটিতে রাখুন
- শ্বাস নেওয়ার জায়গা রাখুন: মুখের উপর খুব আঁটসাঁটভাবে ক্রপ করবেন না — মাথার উপরে এবং চারপাশে জায়গা রাখুন
- প্রান্ত লক্ষ্য করুন: পাশ থেকে ফ্রেমে কী ঢুকছে দেখুন — দুর্ঘটনাক্রমে একটি হাত বা বিদ্যুতের লাইন বিভ্রান্তিকর হতে পারে
- পোর্ট্রেট ক্রপে যাওয়া ল্যান্ডস্কেপ ছবির জন্য, একটি প্রভাবশালী উল্লম্ব উপাদান ঘিরে ফ্রেমিং করার চেষ্টা করুন
৫. ছবিতে গোলাকার কোণ যোগ করুন: যে ডিজাইন কৌশলটি কার্যকর
ছবিতে গোলাকার কোণ একটি ডিজাইন প্যাটার্ন যা সরে যাচ্ছে না। Apple-এর iOS অ্যাপ আইকন দ্বারা জনপ্রিয় এবং প্রায় প্রতিটি প্রধান ডিজাইন সিস্টেম দ্বারা গৃহীত, গোলাকার কোণগুলো কঠোর আয়তাকার প্রান্তগুলোকে নরম করে এবং ছবিগুলোকে আরও আধুনিক, আকর্ষণীয় এবং উদ্দেশ্যমূলক অনুভব করায়।
গোলাকার কোণ কোথায় সবচেয়ে ভালো কাজ করে
- অ্যাপ স্ক্রিনশট: ডিভাইস ফ্রেমের কর্নার রেডিয়াস মেলালে স্ক্রিনশটগুলো নেটিভ এবং পরিশীলিত দেখায়
- প্রোফাইল ছবি: যে প্ল্যাটফর্মগুলো স্বয়ংক্রিয়ভাবে অ্যাভাটার গোলাকার করে না, সেখানে পূর্ব-গোলাকার ছবি আলাদাভাবে চোখে পড়ে
- উপস্থাপনা স্লাইড: স্লাইডের ছবিগুলো একটি সামঞ্জস্যপূর্ণ রেডিয়াস থাকলে নিখুঁতভাবে ডিজাইন করা মনে হয়
- ওয়েবসাইট কার্ড: গোলাকার কোণ সহ পণ্য ছবি বা ব্লগ থাম্বনেইল কার্ড-ভিত্তিক লেআউটে আরও ভালোভাবে মিশে যায়
- সোশ্যাল মিডিয়া পোস্ট: একটি ফিডে সরল-প্রান্তের ছবির একঘেয়েমি ভাঙা একটি স্বাতন্ত্র্যিক লুক
সঠিক রেডিয়াস বেছে নিন
- সূক্ষ্ম (৫–১৫px): পেশাদার, প্রায় অদৃশ্য — কর্পোরেট বা সম্পাদকীয় প্রসঙ্গে কাজ করে
- মাঝারি (২০–৫০px): স্পষ্টভাবে গোলাকার, বন্ধুত্বপূর্ণ — অ্যাপ, পোর্টফোলিও, সোশ্যাল মিডিয়ার জন্য আদর্শ
- শক্তিশালী (৬০–১২০px): নরম এবং আকর্ষণীয় — পোর্ট্রেট এবং ফিচার ছবির জন্য কাজ করে
- পূর্ণ পিল: বৃত্তাকার বা স্টেডিয়াম-আকৃতির — নাটকীয়, প্রোফাইল ছবি বা চওড়া ব্যানারের জন্য দারুণ
গোলাকার কোণের জন্য PhotoFramr ব্যবহার
- আপনার ছবি আপলোড করুন এবং Rounded Corners মোড নির্বাচন করুন
- রেডিয়াস স্লাইডার সামঞ্জস্য করুন
- স্বচ্ছ কোণ সংরক্ষণ করতে PNG হিসেবে ডাউনলোড করুন (গুরুত্বপূর্ণ!)
- JPG শুধুমাত্র তখন ব্যবহার করুন যদি স্বচ্ছতার পরিবর্তে কোণগুলো সলিড রঙ দিয়ে পূরণ করতে চান
৬. PNG, JPG নাকি WebP? সঠিক ইমেজ ফরম্যাট বেছে নিন
ভুল ইমেজ ফরম্যাট ব্যবহার করা ডিজিটাল মিডিয়ায় সবচেয়ে সাধারণ ভুলগুলোর একটি। JPG সবসময় ছোট নয়। PNG সবসময় ভালো মানের নয়। আসলে যা গুরুত্বপূর্ণ তা এখানে।
JPG (JPEG)
JPG লসি কম্প্রেশন ব্যবহার করে — এটি স্থায়ীভাবে কিছু ছবির ডেটা বাদ দিয়ে ফাইল সাইজ কমায়। কম্প্রেশনটি মানুষের চোখ যা কম লক্ষ্য করার সম্ভাবনা রাখে তা বাদ দিতে ডিজাইন করা হয়েছে, তাই মাঝারি কম্প্রেশন স্তরে ফলাফল ভালো দেখায়।
- সেরা ব্যবহার: ছবি, বহু রঙ ও গ্রেডিয়েন্ট সহ জটিল বাস্তব-জগতের ছবি
- এড়িয়ে চলুন: লোগো, টেক্সট, আইকন, তীক্ষ্ণ প্রান্ত বা সমতল রঙের যেকোনো কিছুতে (দৃশ্যমান আর্টিফ্যাক্ট তৈরি করে)
- স্বচ্ছতা সংরক্ষণ করতে পারে না — স্বচ্ছ অঞ্চলগুলো সলিড সাদা বা কালো হয়ে যায়
- প্রতিবার JPG পুনরায় সেভ করলে মান হ্রাস পায় — সবসময় মূল থেকে কাজ করুন
PNG
PNG লসলেস কম্প্রেশন ব্যবহার করে — প্রতিটি পিক্সেল হুবহু সংরক্ষিত থাকে। ফাইল বড় হয়, কিন্তু যেকোনো মুহূর্তে মানের অবনতি হয় না।
- সেরা ব্যবহার: লোগো, আইকন, স্ক্রিনশট, ব্যাকগ্রাউন্ড সরানো ছবি, স্বচ্ছতার প্রয়োজন এমন সবকিছু
- এড়িয়ে চলুন: ওয়েব ব্যবহারের জন্য পুরো ছবি (ফাইল সাইজ JPG-এর চেয়ে ৫–১০ গুণ বড় হতে পারে)
- স্বচ্ছতা সমর্থন করে — আলফা চ্যানেল সহ যেকোনো কিছুর জন্য সঠিক পছন্দ
WebP
WebP Google-এর তৈরি একটি আধুনিক ফরম্যাট যা লসি ও লসলেস উভয় মোড অফার করে। এটি সামঞ্জস্যপূর্ণ ভিজ্যুয়াল মানে JPG-এর চেয়ে ধারাবাহিকভাবে ছোট ফাইল তৈরি করে এবং স্বচ্ছতাও সমর্থন করে (JPG-এর মতো নয়)।
- সেরা ব্যবহার: ওয়েব ছবি যেখানে পেজ লোড গতি গুরুত্বপূর্ণ
- ব্রাউজার সমর্থন: সমস্ত আধুনিক ব্রাউজার সমর্থন করে (Chrome, Firefox, Safari 14+, Edge)
- এড়িয়ে চলুন: এমন মানুষের সাথে শেয়ার করার সময় যারা WebP চিনতে পারে না এমন অতি পুরনো সফটওয়্যার ব্যবহার করতে পারেন
দ্রুত সিদ্ধান্ত গাইড
| পরিস্থিতি | এই ফরম্যাট ব্যবহার করুন |
|---|---|
| সোশ্যাল মিডিয়ার জন্য ছবি | JPG |
| লোগো বা আইকন | PNG |
| ব্যাকগ্রাউন্ড সরানো ছবি | PNG |
| ওয়েবসাইটের জন্য ছবি | WebP |
| স্ক্রিনশট বা UI গ্রাফিক | PNG |
| ইমেইলের জন্য ছবি | JPG |
| গোলাকার কোণের ছবি | PNG (স্বচ্ছ কোণ সংরক্ষণ করে) |
PhotoFramr আপনাকে ডাউনলোডের আগে JPG, PNG বা WebP বেছে নিতে দেয় — ডাউনলোড অপশনে ফরম্যাট সিলেক্টর পরিবর্তন করুন।
PhotoFramr খুলুন →৭. দ্রুততর ওয়েবসাইটের জন্য ছবি অপ্টিমাইজ করার উপায়
বেশিরভাগ ওয়েবসাইটে পেজের ভার বাড়ানোর সবচেয়ে বড় কারণ ছবি। একটি অপ্টিমাইজ করা ৬ MB ছবি প্রতিটি পেজ লোড ধীর করতে পারে। Google-এর Core Web Vitals — যা সরাসরি সার্চ র্যাংকিং প্রভাবিত করে — এমন মেট্রিক্স অন্তর্ভুক্ত করে যা ছবির আকার প্রভাবিত করে। ছবি সঠিকভাবে করা ব্যবহারকারীর অভিজ্ঞতা এবং SEO উভয়ই উন্নত করে।
অপ্টিমাইজ না করা ছবি কেন ক্ষতিকর
- Largest Contentful Paint (LCP) ধীর করে — একটি মূল SEO র্যাংকিং ফ্যাক্টর
- বেশি বাউন্স রেট — ৪০% ব্যবহারকারী ৩ সেকেন্ডের বেশি লোড হওয়া পেজ ছেড়ে যান
- বেশি ব্যান্ডউইথ খরচ, বিশেষত মোবাইল ডেটায়
- সার্ভার স্টোরেজ ও CDN ব্যান্ডউইথের অপচয়
অপ্টিমাইজেশন চেকলিস্ট
- আপলোডের আগে রিসাইজ করুন: ৮০০px-এ প্রদর্শিত হওয়া ৫০০০px ছবি আপলোড করবেন না। প্রথমে আপনার প্রকৃত ডিসপ্লে সাইজে স্কেল করুন।
- ওয়েবের জন্য WebP বেছে নিন: WebP একই ভিজ্যুয়াল মানে JPG-এর চেয়ে ২৫–৩৫% ছোট, ২০২০ সাল থেকে ব্রাউজার সমর্থন ব্যাপক।
- ছবির জন্য লসি কম্প্রেশন ব্যবহার করুন: ৮০–৮৫% মান স্ক্রিনে ১০০%-এর থেকে দৃশ্যত অপরিচিত, কিন্তু ফাইল ৬০–৭০% ছোট।
- গ্রাফিক্সের জন্য PNG, ছবির জন্য নয়: ছবি PNG হিসেবে সেভ করবেন না — অপ্রয়োজনীয়ভাবে বড় হবে।
- লেজি লোডিং ব্যবহার করুন: ইমেজ HTML উপাদানে
loading="lazy"যোগ করুন যাতে ফোল্ডের নিচের ছবিগুলো প্রয়োজন না হওয়া পর্যন্ত লোড না হয়। - রেসপন্সিভ ছবি সার্ভ করুন: মোবাইল ও ডেস্কটপ ব্রাউজারে বিভিন্ন সাইজ সার্ভ করতে
srcsetব্যবহার করুন।
ওয়েবের জন্য লক্ষ্য ফাইল সাইজ
| ছবির ধরন | লক্ষ্য সাইজ |
|---|---|
| পূর্ণ-প্রস্থ হিরো ছবি | ২০০ KB-এর নিচে |
| ব্লগ পোস্ট থাম্বনেইল | ৬০ KB-এর নিচে |
| পণ্য ছবি (ই-কমার্স) | ১০০ KB-এর নিচে |
| আইকন বা ছোট গ্রাফিক | ১৫ KB-এর নিচে |
| পটভূমি ছবি | ১৫০ KB-এর নিচে |
ওয়েব-রেডি ছবির জন্য PhotoFramr ব্যবহার
- কাস্টম ডাউনলোড সাইজ ব্যবহার করে আপনার লক্ষ্য ডিসপ্লে মাত্রায় রিসাইজ করুন — বড় ছবি সঙ্কুচিত করতে CSS-এর উপর নির্ভর করবেন না
- ওয়েবে সেরা সাইজ-থেকে-মান অনুপাতের জন্য WebP ফরম্যাট বেছে নিন
- স্বচ্ছ অঞ্চলের প্রয়োজন এমন ছবির জন্য (লোগো, আইকন, ব্যাকগ্রাউন্ড-সরানো ছবি) শুধুমাত্র PNG ব্যবহার করুন
- আপনার প্রয়োজনীয় সঠিক পিক্সেল মাত্রায় ডাউনলোড করুন — PhotoFramr আপনাকে কাস্টম পিক্সেল সাইজ সেট করতে দেয়