ସ୍କ୍ରିନସଟ୍ ଗୁଡିକ ଇଂରାଜୀ ଆପ୍ ଦେଖାଏ | ଆପଣଙ୍କ ଆପ୍ ଭାଷାରେ ପ୍ରିସେଟ୍ ନାମ ଏବଂ ନିୟନ୍ତ୍ରଣ ମଧ୍ୟ ଉପଲବ୍ଧ |

ତୁମର ପ୍ରାରମ୍ଭ ବିନ୍ଦୁ |

PixRinse__ ରେ ରେସ୍ପନ୍ସିଭ୍ Web ବ୍ୟବହାର କରନ୍ତୁ, ତାପରେ ଆପଣଙ୍କର ପ୍ରକୃତ ଗନ୍ତବ୍ୟ ସ୍ଥଳ ବିରୁଦ୍ଧରେ ଏହି ସେଟିଂସମୂହ ସମୀକ୍ଷା କରନ୍ତୁ |

ଏହି କାର୍ଯ୍ୟଧାରା ପାଇଁ ସେଟିଂସମୂହ |
ମୋଟେଇ320 / 640 / 1280 / 1920 px
ଆଉଟପୁଟ୍WebP, ଗୁଣବତ୍ତା 80
ରଙ୍ଗsRGB
ଛୋଟ ଉତ୍ସ |ବୃହତ ପ୍ରକାରଗୁଡିକ ଏଡ଼ାଇ ଦିଆଯାଏ |
PixRinse ରେସ୍ପନ୍ସିଭ୍ Web ଏକାଧିକ WebP ଆଉଟପୁଟ୍ ଆକାର ଦେଖାଉଥିବା ପ୍ରିସେଟ୍ |
ଏହି ପଦଯାତ୍ରା ପାଇଁ ବ୍ୟବହୃତ ସେଟିଂସମୂହ | ଏହାକୁ ପୂର୍ଣ୍ଣ ଆକାରରେ ଯାଞ୍ଚ କରିବାକୁ ସ୍କ୍ରିନସଟ୍ ଚୟନ କରନ୍ତୁ |

ଏହାକୁ କିପରି କରିବେ |

  1. ମୂଳ ସମ୍ପତ୍ତିରୁ ଆରମ୍ଭ କରନ୍ତୁ |

    ଆପଣ ଆବଶ୍ୟକ କରୁଥିବା ବୃହତ ପ୍ରକାର ପାଇଁ ଯଥେଷ୍ଟ ଉତ୍ସ ବ୍ୟବହାର କରନ୍ତୁ | ପ୍ରତ୍ୟେକ ଆକାର ବାରମ୍ବାର ଆକାର ବଦଳାଇବା ପରିବର୍ତ୍ତେ ମୂଳରୁ ସୃଷ୍ଟି ହୋଇଥାଏ |

  2. ରେସ୍ପନ୍ସିଭ୍ Web ଚୟନ କରନ୍ତୁ |

    ଚାରୋଟି ବିଲ୍ଟ-ଇନ୍ ଓସାର ଏବଂ ଫାଇଲ୍ ନାମ ସମୀକ୍ଷା କରନ୍ତୁ | ଉତ୍ସ ଅପେକ୍ଷା ବିସ୍ତୃତ ପ୍ରକାରଗୁଡିକ ଏଡ଼ାଇ ଦିଆଯାଏ, ତେଣୁ ଯୋଜନାବଦ୍ଧ ଆଉଟପୁଟ୍ ଗଣନା ଯାଞ୍ଚ କରନ୍ତୁ |

  3. ପ୍ରତିଛବି ସେଟ୍ ରପ୍ତାନି କରନ୍ତୁ |

    ସମସ୍ତ ଫଳାଫଳକୁ ସମୀକ୍ଷା କରନ୍ତୁ | ଉତ୍ସ ପାଇଁ ଏକାଧିକ ଆଉଟପୁଟ୍ ପ୍ରୋ ଆବଶ୍ୟକ କରେ | ମାଗଣା ସ୍ତର ଏପର୍ଯ୍ୟନ୍ତ ଏକ ଆକାରର କାର୍ଯ୍ୟଧାରା ପରୀକ୍ଷା କରିବାକୁ ବ୍ୟବହୃତ ହୋଇପାରେ |

  4. ପ୍ରତିଛବିଗୁଡିକ ତୁମ ପୃଷ୍ଠାରେ ଯୋଡନ୍ତୁ |

    srcset ରେ ଓସାର ବର୍ଣ୍ଣନାକାରୀ ବ୍ୟବହାର କରନ୍ତୁ ଏବଂ ପ୍ରକୃତ ଲେଆଉଟ୍ ସହିତ ମେଳ କରିବାକୁ sizes ସେଟ୍ କରନ୍ତୁ | ପ୍ରତିଛବି ଉପାଦାନରେ ସଠିକ ମୋଟେଇ, ଉଚ୍ଚତା ଏବଂ ବିକଳ୍ପ ପାଠ୍ୟ ଅନ୍ତର୍ଭୂକ୍ତ କରନ୍ତୁ |

ଉଦାହରଣ HTML · ଆପଣଙ୍କର ଲେଆଉଟ୍କୁ ଆଡାପ୍ଟ୍ କରନ୍ତୁ |
<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.webpWebP1280 × 85335,214
vase-1920w.webpWebP1920 × 128064,108
vase-320w.webpWebP320 × 2134,018
vase-640w.webpWebP640 × 42711,594
ଗୋଟିଏ ଉତ୍ସ, ଚାରୋଟି ଉପଯୋଗୀ ୱେବ୍ ଓସାର: ପ୍ରକୃତ ରପ୍ତାନି ଫଳାଫଳ |
ଏହି ପଦକ୍ଷେପରେ ଦେଖାଯାଇଥିବା ନମୁନା ଫାଇଲଗୁଡ଼ିକ ପାଇଁ ପ୍ରକୃତ ରପ୍ତାନି ଫଳାଫଳ |

ଦେଖାଯାଇଥିବା ନମୁନା ଫାଇଲଗୁଡ଼ିକରେ ମାପ କରାଯାଇଛି | ଆପଣଙ୍କର ଫଳାଫଳଗୁଡିକ ଆପଣଙ୍କର ମୂଳ ଏବଂ ସେଟିଂ ଉପରେ ନିର୍ଭର କରେ | ସେରାମିକ୍-ଭେଜ୍ ଫଟୋଗ୍ରାଫ୍ ହେଉଛି ଏକ AI ଉତ୍ପାଦିତ ନମୁନା | ଆପ୍ ସ୍କ୍ରିନସଟ୍ ଏବଂ ରପ୍ତାନି ହୋଇଥିବା ଫାଇଲ ମାପଗୁଡିକ ବାସ୍ତବ ଅଟେ |

ଦୁଇଟି ସାଧାରଣ ପ୍ରଶ୍ନ |

ଯଦି ମୋର ଉତ୍ସ କେବଳ 1000 px ଚଉଡା ହୁଏ ତେବେ କଣ ହେବ?

ଟେମ୍ପଲେଟ୍ 1280 ଏବଂ 1920 px ପ୍ରକାରଗୁଡ଼ିକୁ ଛାଡିଦିଏ | କେବଳ ରେଫରେନ୍ସ ଫାଇଲ୍ ଯାହା ପ୍ରକୃତରେ ସୃଷ୍ଟି ହୋଇଥିଲା |

ଆପ୍ HTML ସୃଷ୍ଟି କରେ କି?

ଏହି ୱାର୍କଫ୍ଲୋ ପ୍ରତିଛବି ଉତ୍ପାଦନ କରେ | ଆପଣଙ୍କର ୱେବସାଇଟ୍ କୋଡ୍ କିମ୍ବା ବିଷୟବସ୍ତୁ ସିଷ୍ଟମରେ srcset ଏବଂ sizes ଯୋଡନ୍ତୁ |

କାର୍ଯ୍ୟ ପ୍ରବାହକୁ କାର୍ଯ୍ୟରେ ଲଗାନ୍ତୁ |

PixRinse ଖୋଲନ୍ତୁ, କିଛି ପ୍ରତିଛବି ଯୋଡନ୍ତୁ ଏବଂ ଉପରୋକ୍ତ ସେଟିଂସମୂହରୁ ଆରମ୍ଭ କରନ୍ତୁ |

Mac ପାଇଁ ଡାଉନଲୋଡ୍ମାଗଣା: ବ୍ୟାଚ୍ ପ୍ରତି 10 ପ୍ରତିଛବି ଏବଂ ଉତ୍ସ ପ୍ରତି ଗୋଟିଏ ଆଉଟପୁଟ୍ | ଏହି ୱାର୍କଫ୍ଲୋର ଏକାଧିକ ଆଉଟପୁଟ୍ ପ୍ରୋ ଆବଶ୍ୟକ କରେ | ମାଗଣା ଏବଂ Pro ତୁଳନା କରନ୍ତୁ |