PixRinseস্ক্রিনশট ইংরেজি অ্যাপ দেখায়। প্রিসেট নাম এবং নিয়ন্ত্রণগুলিও আপনার অ্যাপের ভাষায় উপলব্ধ।
আপনার শুরু বিন্দু
PixRinse এ রেসপনসিভ ওয়েব ব্যবহার করুন, তারপর আপনার প্রকৃত গন্তব্যের বিপরীতে এই সেটিংস পর্যালোচনা করুন।
| প্রস্থ | 320 / 640 / 1280 / 1920 px |
|---|---|
| আউটপুট | WebP, গুণমান 80 |
| রঙ | sRGB |
| ছোট সূত্র | বৃহত্তর বৈকল্পিক বাদ দেওয়া হয় |
কিভাবে এটা করতে হবে
মূল সম্পদ দিয়ে শুরু করুন
আপনার প্রয়োজন সবচেয়ে বড় বৈকল্পিক জন্য যথেষ্ট প্রশস্ত একটি উৎস ব্যবহার করুন. প্রতিটি ডেরিভেটিভ বারবার রিসাইজ করার পরিবর্তে আসল থেকে তৈরি করা হয়।
রেসপনসিভ ওয়েব নির্বাচন করুন
চারটি বিল্ট-ইন প্রস্থ এবং ফাইলের নাম পর্যালোচনা করুন। উৎসের চেয়ে প্রশস্ত রূপগুলি বাদ দেওয়া হয়েছে, তাই পরিকল্পিত আউটপুট গণনা পরিদর্শন করুন৷
ইমেজ সেট রপ্তানি করুন
সমস্ত আউটপুট পর্যালোচনা করুন. উৎস প্রতি একাধিক আউটপুট প্রো প্রয়োজন; একটি একক-আকারের কর্মপ্রবাহ পরীক্ষা করতে মুক্ত স্তরটি এখনও ব্যবহার করা যেতে পারে।
আপনার পৃষ্ঠায় ছবি যোগ করুন
srcset এ প্রস্থ বর্ণনাকারী ব্যবহার করুন এবং প্রকৃত বিন্যাসের সাথে মেলে sizes সেট করুন। ছবির উপাদানে সঠিক প্রস্থ, উচ্চতা এবং বিকল্প পাঠ্য অন্তর্ভুক্ত করুন।
<img
src="vase-1280w.webp"
srcset="vase-320w.webp 320w,
vase-640w.webp 640w,
vase-1280w.webp 1280w,
vase-1920w.webp 1920w"
sizes="(max-width: 720px) 100vw, 960px"
width="1280" height="853"
alt="A terracotta vase with an olive branch"
>এই ওয়াকথ্রু থেকে ফাইল
কি এই উদাহরণ উত্পাদিত
একটি 3072 px-প্রশস্ত উৎস চারটি প্রিসেট প্রস্থের জন্য যথেষ্ট বড়। প্রতিটি ফাইল একটি পৃথক WebP, সরাসরি সেই উৎস থেকে উৎপন্ন হয়।
- গুণমান
- 80
- রঙের প্রোফাইল
- sRGB
- একটি উৎস থেকে আউটপুট
- 4
| ফাইল | বিন্যাস | পিক্সেল | বাইট |
|---|---|---|---|
| vase-1280w.webp | WebP | 1280 × 853 | ৩৫,২১৪ |
| vase-1920w.webp | WebP | 1920 × 1280 | ৬৪,১০৮ |
| vase-320w.webp | WebP | 320 × 213 | ৪,০১৮ |
| vase-640w.webp | WebP | 640 × 427 | ১১,৫৯৪ |
দেখানো নমুনা ফাইলের উপর পরিমাপ. আপনার ফলাফল আপনার মূল এবং সেটিংস উপর নির্ভর করে. সিরামিক-দানি ফটোগ্রাফ একটি এআই-উত্পন্ন নমুনা। অ্যাপের স্ক্রিনশট এবং রপ্তানি করা ফাইল পরিমাপ বাস্তব।
সাধারণ কিছু প্রশ্ন
কি হবে যদি আমার উৎস শুধুমাত্র 1000 px প্রশস্ত হয়?
টেমপ্লেটটি 1280 এবং 1920 px ভেরিয়েন্টগুলিকে এড়িয়ে যায়। শুধুমাত্র রেফারেন্স ফাইল যা আসলে উত্পন্ন হয়েছিল।
অ্যাপটি কি HTML তৈরি করে?
এই ওয়ার্কফ্লো ইমেজ তৈরি করে। আপনার ওয়েবসাইট কোড বা বিষয়বস্তু সিস্টেমে srcset এবং sizes যোগ করুন।
কর্মপ্রবাহকে কাজে লাগান।
PixRinse খুলুন, কয়েকটি ছবি যোগ করুন এবং উপরের সেটিংস দিয়ে শুরু করুন।
Mac-এর জন্য ডাউনলোডবিনামূল্যে: প্রতি ব্যাচ পর্যন্ত 10 ছবি এবং উৎস প্রতি একটি আউটপুট। এই ওয়ার্কফ্লো এর একাধিক আউটপুট প্রো প্রয়োজন. বিনামূল্যে এবং Pro তুলনা করুন।