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 | 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ની તુલના કરો.