Mac இல் srcsetக்கு பதிலளிக்கக்கூடிய WebP படங்களை உருவாக்கவும்

உங்கள் தொடக்கப்புள்ளி

PixRinse இல் பதிலளிக்கும் Web ஐப் பயன்படுத்தவும், பின்னர் உங்கள் உண்மையான இலக்குக்கு எதிராக இந்த அமைப்புகளை மதிப்பாய்வு செய்யவும்.

அதை எப்படி செய்வது

1. அசல் சொத்துடன் தொடங்கவும்

   உங்களுக்குத் தேவையான மிகப்பெரிய மாறுபாட்டிற்கு போதுமான அளவு மூலத்தைப் பயன்படுத்தவும். ஒவ்வொரு வழித்தோன்றலும் மீண்டும் மீண்டும் மறுஅளவிடப்படுவதற்குப் பதிலாக அசலில் இருந்து உருவாக்கப்படுகிறது.

2. பதிலளிக்கும் Web தேர்ந்தெடு

   நான்கு உள்ளமைக்கப்பட்ட அகலங்கள் மற்றும் கோப்பு பெயர்களை மதிப்பாய்வு செய்யவும். மூலத்தை விட பரந்த மாறுபாடுகள் தவிர்க்கப்பட்டன, எனவே திட்டமிடப்பட்ட வெளியீட்டு எண்ணிக்கையை ஆய்வு செய்யவும்.

3. படத்தொகுப்பை ஏற்றுமதி செய்யவும்

   அனைத்து வெளியீடுகளையும் மதிப்பாய்வு செய்யவும். ஒரு மூலத்திற்கு பல வெளியீடுகளுக்கு புரோ தேவைப்படுகிறது; ஒற்றை அளவிலான பணிப்பாய்வுகளை சோதிக்க இலவச அடுக்கு இன்னும் பயன்படுத்தப்படலாம்.

4. உங்கள் பக்கத்தில் படங்களைச் சேர்க்கவும்

   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"
>

இரண்டு பொதுவான கேள்விகள்