PixRinseസ്ക്രീൻഷോട്ടുകൾ ഇംഗ്ലീഷ് ആപ്പ് കാണിക്കുന്നു. പ്രീസെറ്റ് പേരുകളും നിയന്ത്രണങ്ങളും നിങ്ങളുടെ ആപ്പ് ഭാഷയിലും ലഭ്യമാണ്.
നിങ്ങളുടെ ആരംഭ പോയിൻ്റ്
PixRinse-ൽ റെസ്പോൺസീവ് Web ഉപയോഗിക്കുക, തുടർന്ന് നിങ്ങളുടെ യഥാർത്ഥ ലക്ഷ്യസ്ഥാനവുമായി ബന്ധപ്പെട്ട് ഈ ക്രമീകരണങ്ങൾ അവലോകനം ചെയ്യുക.
| വീതി | 320 / 640 / 1280 / 1920 px |
|---|---|
| ഔട്ട്പുട്ട് | WebP, ഗുണനിലവാരം 80 |
| നിറം | sRGB |
| ചെറിയ ഉറവിടങ്ങൾ | വലിയ വേരിയൻ്റുകൾ ഒഴിവാക്കിയിരിക്കുന്നു |
അത് എങ്ങനെ ചെയ്യണം
യഥാർത്ഥ ആസ്തിയിൽ നിന്ന് ആരംഭിക്കുക
നിങ്ങൾക്ക് ആവശ്യമുള്ള ഏറ്റവും വലിയ വേരിയൻ്റിന് മതിയായ വീതിയുള്ള ഉറവിടം ഉപയോഗിക്കുക. ഓരോ ഡെറിവേറ്റീവും ആവർത്തിച്ച് വലുപ്പം മാറ്റുന്നതിന് പകരം ഒറിജിനലിൽ നിന്ന് ജനറേറ്റുചെയ്യുന്നു.
റെസ്പോൺസീവ് Web തിരഞ്ഞെടുക്കുക
നാല് അന്തർനിർമ്മിത വീതികളും ഫയൽ പേരുകളും അവലോകനം ചെയ്യുക. ഉറവിടത്തേക്കാൾ വിശാലമായ വകഭേദങ്ങൾ ഒഴിവാക്കിയിരിക്കുന്നു, അതിനാൽ ആസൂത്രിതമായ ഔട്ട്പുട്ട് എണ്ണം പരിശോധിക്കുക.
ഇമേജ് സെറ്റ് കയറ്റുമതി ചെയ്യുക
എല്ലാ ഔട്ട്പുട്ടുകളും അവലോകനം ചെയ്യുക. ഓരോ ഉറവിടത്തിനും ഒന്നിലധികം ഔട്ട്പുട്ടുകൾക്ക് പ്രോ ആവശ്യമാണ്; ഒരു സിംഗിൾ-സൈസ് വർക്ക്ഫ്ലോ പരിശോധിക്കാൻ ഫ്രീ ടയർ ഇപ്പോഴും ഉപയോഗിക്കാം.
നിങ്ങളുടെ പേജിലേക്ക് ചിത്രങ്ങൾ ചേർക്കുക
യഥാർത്ഥ ലേഔട്ടുമായി പൊരുത്തപ്പെടുന്നതിന് 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 | 35,214 |
| vase-1920w.webp | WebP | 1920 × 1280 | 64,108 |
| vase-320w.webp | WebP | 320 × 213 | 4,018 |
| vase-640w.webp | WebP | 640 × 427 | 11,594 |
കാണിച്ചിരിക്കുന്ന സാമ്പിൾ ഫയലുകളിൽ അളന്നു. നിങ്ങളുടെ ഫലങ്ങൾ നിങ്ങളുടെ ഒറിജിനലുകളെയും ക്രമീകരണങ്ങളെയും ആശ്രയിച്ചിരിക്കുന്നു. സെറാമിക്-വാസ് ഫോട്ടോഗ്രാഫ് AI- സൃഷ്ടിച്ച സാമ്പിളാണ്. ആപ്പ് സ്ക്രീൻഷോട്ടുകളും കയറ്റുമതി ചെയ്ത ഫയൽ അളവുകളും യഥാർത്ഥമാണ്.
ഒന്നുരണ്ടു പൊതുവായ ചോദ്യങ്ങൾ
എൻ്റെ ഉറവിടം 1000 px വീതി മാത്രമാണെങ്കിൽ എന്ത് സംഭവിക്കും?
ടെംപ്ലേറ്റ് 1280, 1920 px വേരിയൻ്റുകളെ ഒഴിവാക്കുന്നു. യഥാർത്ഥത്തിൽ ജനറേറ്റ് ചെയ്ത റഫറൻസ് ഫയലുകൾ മാത്രം.
ആപ്പ് HTML സൃഷ്ടിക്കുന്നുണ്ടോ?
ഈ വർക്ക്ഫ്ലോ ചിത്രങ്ങൾ നിർമ്മിക്കുന്നു. നിങ്ങളുടെ വെബ്സൈറ്റ് കോഡിലോ ഉള്ളടക്ക സിസ്റ്റത്തിലോ srcset, sizes എന്നിവ ചേർക്കുക.
വർക്ക്ഫ്ലോ പ്രവർത്തനക്ഷമമാക്കുക.
PixRinse തുറക്കുക, കുറച്ച് ചിത്രങ്ങൾ ചേർത്ത് മുകളിലെ ക്രമീകരണങ്ങൾ ഉപയോഗിച്ച് ആരംഭിക്കുക.
Mac-നായി ഡൗൺലോഡ് ചെയ്യുകസൗജന്യം: ഒരു ബാച്ചിൽ 10 ചിത്രങ്ങളും ഓരോ ഉറവിടത്തിനും ഒരു ഔട്ട്‌പുട്ടും. ഈ വർക്ക്ഫ്ലോയുടെ ഒന്നിലധികം ഔട്ട്പുട്ടുകൾക്ക് പ്രോ ആവശ്യമാണ്. സൌജന്യവും Pro താരതമ്യം ചെയ്യുക.