చిత్రాల ఆప్టిమైజేషన్ వర్డ్‌ప్రెస్ పనితీరులో అత్యంత “అధిక-ప్రతిఫల” అంశాలలో ఒకటి: ఒకే పేజీ నిర్మాణం మరియు ఒకే థీమ్‌తో, కేవలం చిత్ర ఫైల్ పరిమాణం, కొలతలు, ఫార్మాట్ మరియు డెలివరీ పద్ధతిని సరిగ్గా సెట్ చేయడం ద్వారా తరచుగా లోడింగ్ వేగంలో తక్షణ మెరుగుదల సాధించవచ్చు.

అయితే, ఇమేజ్ ఆప్టిమైజేషన్ అనేది గందరగోళానికి గురిచేయడానికి సులభమైన రంగం కూడా; దీనికి కారణం సాంకేతికత చాలా కష్టంగా ఉండటం కాదు, కానీ సమాచారం చాలా చెదురుమదురుగా ఉండటమే:
మీరు కొన్ని వ్యాసాలు చదివి, “కంప్రెషన్”, “WebP/AVIF” మరియు “లేజీ లోడింగ్” గురించి తెలుసుకున్నారు, కానీ ఆ తర్వాత మీరు ప్లగిన్ వివరణను చూసినప్పుడు అందులో “నెలకు 100 ఉచిత క్రెడిట్లు”, “20MB ఉచితం” మరియు “ఒక చిత్రానికి 1 క్రెడిట్” అని ఉండటంతో మీకు మరింత గందరగోళంగా అనిపిస్తుంది. ఈ ఉచిత పరిమితి నిజంగా సరిపోతుందా? ఛార్జీలు ఎలా తగ్గించబడతాయి? మీరు “ఒకే విషయాన్ని” తప్పుగా అర్థం చేసుకున్నారా? మరియు అన్నింటికన్నా ముఖ్యంగా:మీరు పూర్తి చేశాక అది నిజంగా పనిచేసిందా?

ఈ వ్యాసం కేవలం మూడు పనులు చేస్తుంది:

  1. ఇదిగో ఒక ఆచరణాత్మక చిట్కామార్గచిత్రం(ముందు ఏమి చేయాలి, తర్వాత ఏమి చేయాలి)
  2. దయచేసి మీరు పరిగణిస్తున్న ఎంపికలను వివరంగా వివరించండి (ఉచిత మరియు చెల్లింపు వెర్షన్‌ల మధ్య తేడా ఏమిటి, మరియు ప్రతి ఒక్కటి ఎవరికి ఉత్తమంగా సరిపోతుంది)
  3. గమనించవలసిన అత్యంత సాధారణమైన లోపాలు ఇక్కడ ఉన్నాయి (మీరు పూర్తి చేసిన తర్వాత పరిష్కారాల కోసం వెతకడానికి సమయం వృధా కాకుండా ఉండటానికి)

1. ప్రాథమికాలు: వర్డ్‌ప్రెస్‌తో ఏమి వస్తుంది, మరియు ఏమి రాదు

వర్డ్‌ప్రెస్ కోర్ ఇప్పటికే ఏమి చేసిందో మీరు ముందుగా అర్థం చేసుకోకపోతే, రెండు పరిస్థితులు తలెత్తే అవకాశం ఉంది:

  • మనకు అందుబాటులో ఉన్న “ఉచిత సామర్థ్యాలను” ఉపయోగించుకోవడానికి బదులుగా, మనం చక్రాన్ని తిరిగి కనుగొనడానికే సమయం, డబ్బు ఖర్చు చేసుకున్నాము.
  • వర్డ్‌ప్రెస్ అన్ని పాత చిత్రాలను ఆటోమేటిక్‌గా WebP/AVIFకి మారుస్తుందని నేను అనుకున్నాను, కానీ అది అలా చేయదని తేలింది.

వర్డ్‌ప్రెస్ కోర్‌లో ఇప్పటికే ఈ కీలక ఫీచర్లు ఉన్నాయి:

  • స్పందించే చిత్రాలు (srcset/sizes): వర్డ్‌ప్రెస్ 4.4 నుండి, కోర్ చిత్రాలను అవుట్‌పుట్‌గా ఇస్తుంది srcsetsizes... మరియు అప్‌లోడ్ సమయంలో రూపొందించబడిన బహుళ-పరిమాణ చిత్రాలను ఉపయోగించి, స్క్రీన్ పరిస్థితుల ఆధారంగా అత్యంత అనువైన వనరును ఎంచుకుని లోడ్ చేయడానికి బ్రౌజర్‌కు అనుమతిస్తుంది.
  • స్థానిక సోమరి లోడింగ్వర్డ్‌ప్రెస్ 5.5 నుండి, HTML ప్రమాణాలకు అనుగుణంగా, చిత్రాల కోసం నేటివ్ లేజీ లోడింగ్ డిఫాల్ట్‌గా ప్రారంభించబడింది. loading ఆస్తి అమలు
  • WebP అప్‌లోడ్‌లకు మద్దతు ఇస్తుంది: వర్డ్‌ప్రెస్ 5.8 నుండి, మీరు JPEGలు మరియు PNGల మాదిరిగానే WebP ఫైళ్లను అప్‌లోడ్ చేసి ఉపయోగించవచ్చు (మీ హోస్టింగ్ ఎన్విరాన్‌మెంట్ WebPని సపోర్ట్ చేస్తే).
  • AVIF అప్‌లోడ్‌లకు మద్దతు ఇస్తుందివర్డ్‌ప్రెస్ 6.5 నుండి, AVIF ఫైళ్లను JPEG మరియు PNG ఫైళ్ల మాదిరిగానే అప్‌లోడ్ చేసి ఉపయోగించవచ్చు (హోస్ట్ ఎన్విరాన్‌మెంట్ మద్దతుకు లోబడి).

అయితే, దయచేసి గమనించండి:
“అప్‌లోడ్/ఉపయోగించడానికి మద్దతు” ≠ “స్వయంచాలక మార్పిడి/స్వయంచాలక డెలివరీ”.
మరో మాటలో చెప్పాలంటే: మీరు ఇప్పటికే WP 6.5లో ఉన్నప్పటికీ, మీ మీడియా లైబ్రరీలోని JPG/PNG ఫైల్‌లు ఆటోమేటిక్‌గా WebP/AVIFగా మార్చబడవు; అలాగే, బ్రౌజర్ సామర్థ్యాల ఆధారంగా AVIF/WebPను అవుట్‌పుట్ చేసి, మద్దతు లేని బ్రౌజర్‌ల కోసం అసలు చిత్రానికి తిరిగి వెళ్ళే పూర్తి కార్యాచరణ కూడా మీకు ఆటోమేటిక్‌గా లభించదు—ఈ భాగంలోని అంతరాన్ని పూరించడానికి సాధారణంగా ఒక ప్లగిన్ లేదా సేవ అవసరం.

2. రోడ్‌మ్యాప్: చిత్ర ఆప్టిమైజేషన్ కోసం 5-దశల మార్గదర్శి

ఏమి చేయాలి, ఎందుకు, ఒక పాస్‌గా పరిగణించేది ఏమిటి, మరియు సాధారణ లోపాలు ఏమిటి.

2.1 ముందుగా “కొలతలను” సరిగ్గా పొందండి (పట్టించుకోకుండా వదిలేయడానికి అత్యంత సులభమైనది, కానీ అత్యధిక ప్రయోజనాలను అందించేది)

చాలా వెబ్‌సైట్‌లు నెమ్మదిగా ఉండటానికి కారణం వాటిని ఆప్టిమైజ్ చేయకపోవడం కాదు, కానీడిస్‌ప్లే ప్రాంతం కంటే చాలా పెద్దదిగా ఉన్న ఒక చిత్రాన్ని డౌన్‌లోడ్ చేసారు
ఉదాహరణకు, ఒక పేజీ వాస్తవానికి కేవలం 900px వెడల్పు ఉన్నప్పటికీ, మీరు సందర్శకులను అసలు 3000px చిత్రాన్ని డౌన్‌లోడ్ చేసేలా చేస్తే, బ్రౌజర్ దానిని కేవలం “డౌన్‌లోడ్ చేసి, ఆపై ప్రదర్శన కోసం చిన్నదిగా చేస్తుంది”. ఇది బ్యాండ్‌విడ్త్‌ను వృధా చేస్తుంది, డీకోడింగ్ సమయాన్ని పెంచుతుంది మరియు కంటెంట్ మొదటి స్క్రీన్‌పై కనిపించడానికి పట్టే సమయాన్ని నెమ్మదింపజేస్తుంది.

వర్డ్‌ప్రెస్ 4.4 మరియు ఆ తర్వాతి వాటి కోసంస్పందించే చిత్ర యంత్రాంగంsrcset/sizes) ఈ సమస్యను పరిష్కరించడానికే ఖచ్చితంగా రూపొందించబడింది.

పాస్ అంటే ఏది:

  • మొబైల్ పరికరంలో పేజీ తెరిచినప్పుడు, డౌన్‌లోడ్ చేసిన చిత్రాలు డెస్క్‌టాప్‌తో పోలిస్తే స్పష్టంగా చిన్నవిగా ఉండాలి.
  • ఒకే చిత్రం యొక్క ఫైల్ పరిమాణం పరికరాన్ని బట్టి మారుతుంది (ఎల్లప్పుడూ అసలు చిత్రాన్ని డౌన్‌లోడ్ చేయడానికి బదులుగా)

అత్యంత సాధారణమైన లోపాలు:

  • కొన్ని థీమ్‌లు లేదా బిల్డర్‌లు చిత్రాలను CSS బ్యాక్‌గ్రౌండ్ చిత్రాలుగా పరిగణిస్తాయి లేదా వాటిని కస్టమ్ పద్ధతిలో ప్రదర్శిస్తాయి, ఇది బైపాస్ చేయవచ్చు srcset, దీని ఫలితంగా పెద్ద చిత్రం లోడ్ అవ్వడం కొనసాగుతుంది
  • మీరు బాహ్య ఇమేజ్ హోస్టింగ్ సేవలను లేదా థర్డ్-పార్టీ ఇమేజ్ బ్లాక్‌లను ఉపయోగిస్తే, మీరు మీడియా లైబ్రరీ ద్వారా రూపొందించబడిన బహుళ-పరిమాణ వ్యవస్థను దాటవేయగలరు.

2.2 సంపీడనం (నాణ్యతను తగ్గించకుండా ఫైల్ పరిమాణాన్ని తగ్గించడం)

కంప్రెషన్ యొక్క సారాంశం “చిన్నది ఉత్తమమైనది” అని కాదు, కానీ “ఈ తేడా కంటికి కనిపించకపోయినా, ఫైల్ పరిమాణం గణనీయంగా తగ్గుతుంది” అనేదే.

నియమాలు ఈ క్రింది విధంగా ఉన్నాయి:

  • ఛాయాచిత్రాలు/వాస్తవ జీవితపు చిత్రాలు (ప్రాతిమూహాలు, ఉత్పత్తులు, ప్రకృతి దృశ్యాలు): లోస్సీ కంప్రెషన్‌కు ప్రాధాన్యత ఇవ్వండి (గరిష్ట ప్రయోజనం)
  • ఎక్కువ టెక్స్ట్ ఉన్న స్క్రీన్‌షాట్‌లు/చిత్రాలుటెక్స్ట్ అస్పష్టంగా కనిపించకుండా ఉండటానికి, మరింత కన్జర్వేటివ్ కాంప్రెషన్ సెట్టింగ్‌ను ఉపయోగించండి.
  • లోగో/ఐకాన్: SVGకి ప్రాధాన్యత ఇవ్వండి లేదా లోస్‌లెస్ కంప్రెషన్‌ను జాగ్రత్తగా ఉపయోగించండి (లోసీ కంప్రెషన్ సులభంగా అంచులను మసకబారుస్తుంది)

పాస్ అంటే ఏది:

  • చాలా పేజీ చిత్రాల ఫైల్ పరిమాణాలు గణనీయంగా తగ్గించబడ్డాయి.
  • గమనించదగ్గ శబ్దం, అస్పష్టమైన అంచులు, రంగుల పట్టీలు లేదా అస్పష్టమైన టెక్స్ట్ లేదు

2.3 WebP / AVIF (ఫార్మాట్ విధానం: అదే స్థాయి స్పష్టత కోసం చిన్న ఫైల్ పరిమాణం)

వర్డ్‌ప్రెస్ ఇప్పుడు ఫైల్ అప్‌లోడ్‌లకు మద్దతు ఇస్తుంది. WebP (5.8) మరియు AVIF (6.5)
అయితే, “తదుపరి తరం ఫార్మాట్‌”ను ఆచరణలోకి తీసుకురావడానికి, సాధారణంగా రెండు సమస్యలను పరిష్కరించాల్సి ఉంటుంది:

  1. చారిత్రక మీడియా లైబ్రరీని బ్యాచ్‌గా మార్చడం ఎలా(లేకపోతే, మీరు భవిష్యత్తులో అప్‌లోడ్ చేయబడిన కొత్త చిత్రాలను మాత్రమే ఆప్టిమైజ్ చేస్తారు)
  2. నేను కాపీని సృష్టించాలా లేక అసలు చిత్రాన్ని మార్చాలా?(ఇది ఒక కీలకమైన విషయం; మనం తర్వాత ప్లస్ వెబ్పీ యొక్క “ఒరిజినల్‌ను రీప్లేస్ చేసి తొలగించు” ఫీచర్‌పై దృష్టి పెడతాము.)

సిఫార్సు చేయబడిన విధానం:

  • WebP: సాధారణంగా డిఫాల్ట్ ఎంపిక (మరింత నమ్మకమైన అనుకూలతను అందిస్తుంది)
  • AVIF: ఒక మరింత అధునాతన కంప్రెషన్ ఫార్మాట్, పెద్ద చిత్రాలకు, మొదటి స్క్రీన్‌పై పెద్ద చిత్రాలకు, మరియు గ్యాలరీ చిత్రాలకు అనువైనది (కానీ మరింతపర్యావరణ మద్దతుపై ఆధారపడిన

2.4 లేజీ లోడింగ్‌ను సరిగ్గా ఉపయోగించండి (అందరికీ ఒకే పద్ధతిని అనుసరించవద్దు)

వర్డ్‌ప్రెస్ 5.5 నుండిడిఫాల్ట్ సోమరి లోడింగ్చిత్రం.
ఇది ప్రారంభ రెండరింగ్ సమయంలో బ్యాండ్‌విడ్త్ వినియోగాన్ని తగ్గిస్తుంది:

  • లేజీ లోడింగ్ “ఆఫ్-స్క్రీన్ రిసోర్స్‌లకు” అనువైనది.”
  • పేజీ పైభాగంలో ఉన్న పెద్ద చిత్రం (ఇది తరచుగా మొదటి స్క్రీన్‌పై అత్యంత ముఖ్యమైన చిత్రం) సాధారణంగా డిఫర్డ్ లోడింగ్‌కు అనుకూలంగా ఉండదు.

2.5 డెలివరీ పొర: CDN / చిత్రం CDN

కంప్రెషన్, ఫైల్ పరిమాణం మరియు ఫార్మాట్ అన్నీ ఫైళ్లను చిన్నవిగా మరియు మరింత అనుకూలంగా చేయడానికి సంబంధించినవి.
అయితే, చిత్రాలను ఎక్కువ దూరం నుండి అసలు సర్వర్ నుండి నిరంతరం పొందినట్లయితే, నెట్‌వర్క్ లేటెన్సీ వినియోగదారు అనుభవాన్ని గణనీయంగా ప్రభావితం చేస్తుంది. అటువంటి సందర్భాలలో, “డెలివరీ లేయర్” పరిష్కారం అవసరం (CDN/image CDN).

రెండు సాధారణ విధానాలు:

  • క్లౌడ్‌ఫ్లేర్ పోలాండ్క్లౌడ్‌ఫ్లేర్ డాక్యుమెంటేషన్ఈ విభాగం పోలిష్‌లో అందుబాటులో ఉన్న కంప్రెషన్ పద్ధతులను (లాస్‌లెస్, లాసీ మరియు WebP) పరిచయం చేస్తుంది, మరియు వాటి ఉపయోగాన్ని పేర్కొంటుంది. format=auto WebP మరియు AVIF ఫార్మాట్‌లు అనుమతించబడ్డాయి.
  • జెట్‌ప్యాక్ సైట్ యాక్సిలరేటర్జెట్‌ప్యాక్ డాక్యుమెంటేషన్దీని అర్థం, ఇది చిత్రాలను ఆప్టిమైజ్ చేసి, స్టాటిక్ వనరులతో పాటు తన నెట్‌వర్క్ ద్వారా పంపిణీ చేస్తుంది.

చిత్రాల ఆప్టిమైజేషన్, చిత్రాల పరిమాణాన్ని తగ్గించి, వాటిని సముచితంగా పునఃపరిమాణం చేస్తుందని నిర్ధారిస్తుంది.CDN: మరింత సమీపంగా మరియు మరింత విశ్వసనీయంగా అందించడం

3. మార్గ ఎంపిక: కేవలం రెండు ప్రధాన మార్గాలను మాత్రమే అనుసరించండి

చిత్రాల ఆప్టిమైజేషన్‌లో అత్యంత సాధారణమైన లోపం “ప్లగిన్‌ను ఇన్‌స్టాల్ చేయడంలో విఫలం కావడం” కాదు, చాలా ఎక్కువ ప్లగిన్‌లను ఇన్‌స్టాల్ చేయడం, ఇది డూప్లికేట్ ప్రాసెసింగ్‌కు దారితీస్తుంది:
A కంప్రెస్ చేస్తోంది, B కూడా కంప్రెస్ చేస్తోంది; A WebP/AVIF కి మార్చేస్తోంది, B కూడా అదే చేస్తోంది; A URLలను మార్చేస్తోంది, B URL రీరైట్స్ చేస్తోంది—చివరికి, సైట్‌లో అసలు ఏమి జరుగుతోందో మీకే అర్థం కాదు.

నియమాలు:

ఒకే పద్ధతిని అనుసరించండి: పూర్తిగా స్థానికంగా ఉచితంగా, లేదా మూడు క్లౌడ్-ఆధారిత ఎంపికలలో ఒకటి.

  • మార్గం A (పూర్తిగా ఉచిత స్థానిక రవాణా):అదనంగా WebP లేదా AVIF + EWWW ఇమేజ్ ఆప్టిమైజర్(లేదా కేవలం ఒకటి ఎంచుకోండి)
  • ఎంపిక B (మూడు క్లౌడ్ కంప్రెషన్ పద్ధతులలో ఒకదాన్ని ఎంచుకోండి):షార్ట్‌పిక్సెల్ / ఇమేజిఫై / టైనీపిఎన్‌జి

3.1 ఎంపిక A: పూర్తిగా ఉచిత స్థానిక హోస్టింగ్ (ప్లస్ WebP లేదా AVIF లేదా EWWW)

ఈ మార్గం యొక్క ముఖ్య లక్షణాలు:

  • మీరు నెలవారీ కోటా లేదా ప్రతి ఫైల్‌కు ఛార్జ్ చేసే థర్డ్-పార్టీ కంప్రెషన్ సేవలపై ఆధారపడరు (అయినప్పటికీ కొన్ని ఫీచర్లు ఐచ్ఛిక సేవలుగా అందుబాటులో ఉండవచ్చు)
  • దీనికి ప్రత్యామ్నాయంగా, బ్యాచ్ ప్రాసెసింగ్ CPU/IO పరంగా సర్వర్‌పై అధిక భారాన్ని మోపవచ్చు, దీనివల్ల మీరు “रणनीతి మరియు రిస్క్”పై మరింత శ్రద్ధ పెట్టవలసి ఉంటుంది.”

3.1.1 అదనంగా వెబ్-పి లేదా ఏవిఫ్: దీని ప్రధాన భావన “సృష్టించడం/ప్రాతినిధ్యం వహించడం”; ఇది సాంప్రదాయ అర్థంలో “సంపీడన సాధనం” కాదు.”

  • చిత్రాల పూర్తి సెట్‌ను రూపొందించేటప్పుడు:అసలు ఇమేజ్ ఫైల్ ID, WebP/AVIF ఫైల్ ద్వారా ఓవర్‌రైట్ చేయబడుతుంది, అసలు ఫైల్ తొలగించబడుతుంది, మరియు కంటెంట్‌లోని ఏవైనా URLలు కూడా భర్తీ చేయబడతాయి.
  • ఈ ప్లగిన్ WP-CLI కమాండ్‌లను అందిస్తుంది మరియు పెద్ద సంఖ్యలో ఫైల్‌లతో వ్యవహరించేటప్పుడు WP-CLI మరింత విశ్వసనీయమైనదని సూచిస్తుంది.

దీని అర్థం: ఇది కేవలం మీ కోసం నిశ్శబ్దంగా ఒక WebP ఫైల్‌ను రూపొందించదు, కానీ అది ఒకటి కావచ్చుఆస్తి బదిలీ(ముఖ్యంగా మీరు “అసలుదాన్ని భర్తీ చేసి తొలగించు” ఎంపికను ఎంచుకున్నప్పుడు).

రెండు మోడ్‌ల మధ్య తేడా

ఎంపిక 1: అసలు చిత్రాన్ని ఉంచుతూ + WebP/AVIF కాపీలను రూపొందించడం (మరింత నమ్మదగినది)

  • ప్రయోజనం: అనుకూలత సమస్యలు తలెత్తితే తిరిగి మార్చడం సులభం.
  • లోపం: డిస్క్ వినియోగం పెరుగుతుంది (అసలు చిత్రం + కొత్త ఫార్మాట్ + బహుళ థంబ్‌నెయిల్ పరిమాణాలు)

పద్ధతి 2: అసలు చిత్రాన్ని మార్చడం మరియు తొలగించడం (మరింత తీవ్రమైనది)

  • ప్రయోజనాలు: డిస్క్ త్వరగా నిండిపోదు; అంతర్గత లింకులు స్వయంచాలకంగా కొత్త ఫార్మాట్‌కు మార్చబడతాయి.
  • ప్రమాదం: మీరు ఆస్తులు మరియు వాటి సూచనలు రెండింటినీ సవరిస్తే, అనుకూలత సమస్యలను పరిష్కరించడం మరింత ఖర్చుతో కూడుకున్నదిగా ఉంటుంది (ముఖ్యంగా కొన్ని బాహ్య వ్యవస్థలు లేదా థీమ్ లాజిక్ అసలు ఫైల్ పేర్లు, మార్గాలు లేదా ఫార్మాట్‌లపై ఆధారపడినప్పుడు).

సిఫార్సు

“Replace and delete original” ఎంచుకోవడానికి ముందు, ఒక చిన్న స్థాయి పరీక్ష నిర్వహించి, మీ వద్ద బ్యాకప్ అందుబాటులో ఉందని నిర్ధారించుకోండి; మొత్తం డేటాబేస్‌ను వెంటనే మార్చవద్దు.

WebP లేదా AVIF తో సాధారణ లోపాలు

  1. పూర్తి లైబ్రరీ రీప్లేస్‌మెంట్ చేసిన తర్వాత, కొన్ని పేజీలలోని చిత్రాలు సరిగ్గా ప్రదర్శించబడటం లేదు.
    కారణం సాధారణంగా “చిత్రం విరిగిపోవడం” కాదు, బదులుగా URL మార్పు, క్యాషింగ్ లేదా థంబ్‌నెయిల్ విధానం వంటి వాటి వల్ల ఈ ప్రక్రియలో ఎక్కడో పొరపాటు జరగడం.
  2. థంబ్‌నెయిల్స్ ఎంత ఎక్కువగా ఉంటే, మార్పులకు అవకాశం అంత ఎక్కువగా ఉంటుంది.
    WordPressలో ఒక చిత్రాన్ని అప్‌లోడ్ చేస్తే అది అనేక పరిమాణాలలో సృష్టించబడుతుంది; థీమ్‌లు మరియు ప్లగిన్‌లు మరిన్నింటిని కూడా జోడించవచ్చు. పూర్తి స్థాయి మార్పిడి అంటే మీరు చాలా పెద్ద సంఖ్యలో ఫైళ్లను సవరించవలసి రావచ్చు.
  3. కేవలం ఫార్మాట్ మార్పిడి చేయడం వల్ల తప్పనిసరిగా అతి చిన్న ఫైల్ పరిమాణం రాదు.
    WebP మరియు AVIF ఫైళ్లు సాధారణంగా చిన్నవిగా ఉంటాయి, కానీ “డైమెన్షనింగ్ వ్యూహాలు” మరియు “కంప్రెషన్ వ్యూహాలు” చాలా కీలకంగా ఉంటాయి. వేగవంతమైన లోడింగ్ సమయాల కోసం ప్లస్ WebPని “వన్-క్లిక్ పరిష్కారం”గా పరిగణించవద్దు.

3.1.2 యూడబ్ల్యూ ఇమేజ్ ఆప్టిమైజర్ఉచిత స్థానిక సంపీడనం యొక్క ఒక ప్రముఖ ప్రదాత

EWWW ప్లగిన్ పేజీకి చాలా స్పష్టమైన ఉద్దేశ్యం ఉంది:

  • ఇది మీ సర్వర్‌లోని చిత్రాలను వివిధ రకాల సాధనాలను (jpegtran, optipng, pngout, pngquant, gifsicle, cwebp, మొదలైనవి) ఉపయోగించి ఆప్టిమైజ్ చేయగలదు.
  • మీకు అధిక కంప్రెషన్ అవసరమైతే లేదా CPUని ఆదా చేయాలనుకుంటే, CPUని వినియోగించే ప్రాసెసింగ్‌ను మీ సర్వర్‌కు కూడా ఆఫ్‌లోడ్ చేయవచ్చు (ఐచ్ఛికం).

రూట్ Aలో EWWW ఏ పాత్ర పోషించాలి?

మీరు “ఫార్మాట్ మైగ్రేషన్/రిప్లేస్‌మెంట్ వ్యూహం” కోసం ప్లస్ వెబ్పీని ఉపయోగిస్తే, అప్పుడు EWWW దీనిని నిర్వహించడానికి మరింత అనువైనది:

  • సంపీడన మరియు పరిమాణ ఆప్టిమైజేషన్(ముఖ్యంగా JPG మరియు PNG ఫైళ్ల వంటి ముడి ఆస్తుల ఆప్టిమైజేషన్)
  • చారిత్రక మీడియా లైబ్రరీ యొక్క బ్యాచ్ ఆప్టిమైజేషన్(URL మార్పిడికి బదులుగా “పరిమాణంలో తగ్గింపు” లక్ష్యంగా)

దయచేసి గమనించండి

అదనంగా వెబ్-పి ఛీ: అన్నీ AVIF లేదా WebPగా మార్చవచ్చు
రెండింటినీ ఇన్‌స్టాల్ చేయడం వలన విభేదాలు తలెత్తవచ్చు కాబట్టి, వాటిలో ఒకదానిని మాత్రమే ఇన్‌స్టాల్ చేయాలని మేము సిఫార్సు చేస్తున్నాము.

EWWW యొక్క ఒక సాధారణ ఎసరు

  1. బ్యాచ్ ఆప్టిమైజేషన్ సమయంలో సర్వర్ లోడ్ పెరుగుతుంది
    దీనికి కారణం, లోకల్ కంప్రెషన్ CPU/IOను వినియోగించడం. దీనికి పరిష్కారం దానిని “ఉపయోగించడం ఆపడం” కాదు, బదులుగా “తక్కువ డిమాండ్ ఉన్న సమయాల్లో బ్యాచ్‌లుగా ప్రాసెస్ చేయడం, మరియు అవసరమైన చోట ఆఫ్‌లోడింగ్ లేదా క్లౌడ్ పరిష్కారాలను ఎంచుకోవడం”.
  2. “WebP రూపొందించబడింది” అని చెప్పడం, ఫ్రంట్ ఎండ్ వాస్తవానికి WebPను సర్వ్ చేస్తోందని ఖచ్చితంగా చెప్పదు.
    తయారీ ఒక విషయం, అయితే డెలివరీ వ్యూహాలు (మళ్లీ వ్రాయడం, `picture` ట్యాగ్‌లు మరియు క్యాష్ గడువు వంటివి) పూర్తిగా వేరని చాలా ప్లగిన్‌లు తప్పుడు అభిప్రాయంతో ఉన్నాయి.
  3. మరొక ప్లగిన్ యొక్క కార్యాచరణను పునరావృతం చేస్తుంది
    మీరు ఆప్షన్ Aను ఎంచుకుంటే, షార్ట్‌పిక్సెల్, ఇమాజిఫై లేదా టైనీపిఎన్‌జి వంటి అదనపు క్లౌడ్ కంప్రెషన్ సాధనాలను ఉపయోగించకుండా ఉండటానికి ప్రయత్నించండి; మీరు ఆప్షన్ Bను ఎంచుకుంటే, ప్లస్ వెబ్‌పిలో రీప్లేస్‌మెంట్ లాజిక్‌ను ఎనేబుల్ చేయవద్దు. దీని ప్రధాన సూత్రం:ఒకే పద్ధతిని అనుసరించండి.

3.2 ఎంపిక B: మూడు క్లౌడ్ కంప్రెషన్ సేవలలో (ShortPixel / Imagify / TinyPNG) ఒకదాన్ని ఎంచుకోండి

సర్వర్ వనరులను ఆదా చేయాలనుకునే వారికి, బ్యాచ్ ప్రాసెసింగ్‌కు అవాంతరాలు లేని పద్ధతిని ఇష్టపడే వారికి, మరియు వినియోగ-ఆధారిత లేదా వాడినంత చెల్లింపు బిల్లింగ్‌తో సౌకర్యంగా ఉండే వారికి ఈ ప్లాన్ చాలా అనువైనది.
అయితే, క్లౌడ్ కంప్రెషన్ గురించి అత్యంత సాధారణ అపోహ ఏమిటంటే:ఉచిత కోటా అంటే కేవలం “ఉచిత షీట్లు” మాత్రమే కాదు.థంబ్‌నెయిల్ పరిమాణాల సంఖ్య, WebP/AVIF ఫార్మాట్‌లు రూపొందించబడతాయా లేదా, మరియు చిత్రాలు పదేపదే కంప్రెస్ చేయబడతాయా అనే అంశాలన్నీ వనరుల వినియోగంపై గణనీయమైన ప్రభావాన్ని చూపుతాయి.

కింద, మేము వివరిస్తాము: ఉచిత మరియు చెల్లింపు ఎంపికల మధ్య తేడా, క్రెడిట్ ఎలా తగ్గించబడుతుంది, నివారించవలసిన అత్యంత సాధారణ లోపాలు, మరియు ఏ రకమైన వెబ్‌సైట్‌లకు ఈ సేవ ఉత్తమంగా సరిపోతుంది.


3.2.1 షార్ట్‌పిక్సెల్: నెలకు 100 ఉచిత క్రెడిట్లు, కానీ థంబ్‌నెయిల్స్ మరియు WebP/AVIF పెద్దవి చేయుట ద్వారా క్రెడిట్లు వాడబడతాయి

ఉచిత మరియు చెల్లింపు ఎంపికల సంగతి ఏమిటి?

షార్ట్‌పిక్సెల్ ప్లగిన్ వివరణ స్పష్టంగా ఇలా పేర్కొంది:

  • ప్రతి నెలా 100 ఉచిత క్రెడిట్లు
  • అదనపు అపరిమిత నెలవారీ క్రెడిట్‌లు కూడా ఉన్నాయి (ధరల వివరాలు ప్లగిన్ పేజీలో అందించబడ్డాయి)
  • మేము “ఎప్పటికీ గడువు ముగియని వన్-ఆఫ్ క్రెడిట్ ప్యాక్‌లను” కూడా అందిస్తాము (ప్రారంభ ధరల సమాచారంతో పాటు)

గమనిక:

  • ఉచితం: తేలికపాటి వెబ్‌సైట్‌లలో ఉపయోగించడానికి లేదా పరీక్షించడానికి ప్రతి నెలా కొన్ని క్రెడిట్‌లు అందించబడతాయి.
  • ఒక్కసారి ప్యాకేజీ: పెద్ద మీడియా లైబ్రరీని కలిగి ఉండి, తమ ఇన్వెంటరీని ఒకేసారి ఖాళీ చేయాలనుకునే సైట్‌లకు అనువైనది (ఒక్కసారి కొనుగోలు చేస్తే, అది పూర్తిగా వాడబడే వరకు చెల్లుబాటు అవుతుంది; సాధారణంగా దీనికి గడువు తేదీ ఉండదు)
  • మాసపత్రం/అపరిమితం: క్రమం తప్పకుండా చిత్రాల అప్‌డేట్‌లు మరియు దీర్ఘకాలిక, స్థిరమైన ఆప్టిమైజేషన్ అవసరమయ్యే సైట్‌లకు అనువైనది

షార్ట్‌పిక్సెల్ అధికారిక నాలెడ్జ్ బేస్ “ఒక్కసారి ప్యాకేజీ వర్సెస్ అపరిమిత నెలవారీ” పై కూడా మార్గదర్శకత్వం అందిస్తుంది.స్పష్టమైన వివరణఅపరిమిత నెలవారీ ప్లాన్‌కు నెలవారీ (లేదా వార్షికంగా) బిల్లు చేయబడుతుంది, ఇది అపరిమిత క్రెడిట్‌లు మరియు స్థిరమైన CDN కోటాను అందిస్తుంది; ఒకేసారి తీసుకున్న క్రెడిట్‌లకు గడువు ముగియదు, కావలసినప్పుడు మీ వినియోగంపై మీకు ఎక్కువ నియంత్రణను ఇస్తుంది.

సిఫార్సు

  • పాత సైట్‌ను ఖాళీ చేయడం: ఒకేసారి ప్యాకేజీలకు ప్రాధాన్యత
  • నిరంతర అప్‌డేట్‌లు: నెలవారీ/అపరిమిత ప్లాన్‌లకు ఇది మరింత అనువైనది (క్రెడిట్‌లను లెక్కించడం ఇష్టం లేకపోతే అపరిమిత ప్లాన్‌ను ఉపయోగించండి)

అత్యంత ముఖ్యంగా: షార్ట్‌పిక్సెల్ క్రెడిట్‌లు ఎలా లెక్కించబడతాయి?

షార్ట్‌పిక్సెల్ అధికారిక డాక్యుమెంటేషన్ కేబీ చాలా సూటిగా చెప్పాడు:

  • మీరు వర్డ్‌ప్రెస్‌కు ఒక చిత్రాన్ని అప్‌లోడ్ చేసినప్పుడు, అది అనేక థంబ్‌నెయిల్‌లను సృష్టిస్తుంది;
  • ప్రతి థంబ్‌నెయిల్‌ను ఆప్టిమైజ్ చేయడం ఒక క్రెడిట్‌గా లెక్కించబడుతుంది.
  • మీరు WebP లేదా AVIFను రూపొందించడానికి ఎంచుకుంటే,ఒక అసలు చిత్రం యొక్క ప్రతి WebP/AVIF వెర్షన్ మరియు దాని థంబ్‌నెయిల్ అదనపు క్రెడిట్‌గా లెక్కించబడుతుంది.
  • క్రెడిట్ వినియోగాన్ని తగ్గించడానికి, మీరు కొన్ని థంబ్‌నెయిల్స్‌ను ఆప్టిమైజేషన్ నుండి మినహాయించవచ్చు.

క్రెడిట్స్ ఉదాహరణ

మీరు ఒక చిత్రాన్ని అప్‌లోడ్ చేస్తే, మరియు థీమ్ లేదా ప్లగిన్ ఎనిమిది థంబ్‌నెయిల్స్‌ను రూపొందిస్తే అనుకుందాం:

  • కేవలం అసలు చిత్రం మరియు థంబ్‌నెయిల్స్‌ను ఆప్టిమైజ్ చేయండి: 1 (అసలు చిత్రం) + 8 (థంబ్‌నెయిల్స్) = 9 క్రెడిట్లు
  • మీరు కూడా WebP/AVIFను జెనరేట్ చేయాలనుకుంటే: పైన పేర్కొన్న 9కి తర్వాతి తరం వెర్షన్‌ను జోడించండి → అదనంగా 9 క్రెడిట్లు
    మరో మాటలో చెప్పాలంటే, మీరు “ఒకే చిత్రం” అనుకునేది వాస్తవానికి దాదాపు “రెండంకెల క్రెడిట్స్” ఖర్చు కావచ్చు.

అందువల్ల:“100 ఉచిత క్రెడిట్‌లు” అంటే “100 ఉచిత చిత్రాలు” అని అర్థం కాదు.

షార్ట్‌పిక్సెల్‌తో అత్యంత సాధారణ లోపాలు

  1. ఉచిత 100 క్రెడిట్లు త్వరలో ముగిసిపోతాయి
    కారణం: వెబ్P/AVIF ఫైళ్లను రూపొందించడానికి పెద్ద సంఖ్యలో థంబ్‌నెయిల్స్ + అదనపు ప్రాసెసింగ్ సమయం అవసరం.
    సిఫార్సు
  • మొదట, సైట్‌లోని థంబ్‌నెయిల్స్ సంఖ్యను అంచనా వేయండి.
  • అనవసరమైన థంబ్‌నెయిల్ పరిమాణాలను తొలగించండి (వాస్తవంగా ఉపయోగించబడే పరిమాణాలను మాత్రమే ఆప్టిమైజ్ చేయండి)
  • ముందుగా ఒక కంప్రెషన్ వ్యూహాన్ని నిర్ణయించుకోండి, ఆపై ప్రయత్నం మరియు పొరపాటు వల్ల సమయం వృధా కాకుండా ఉండటానికి ప్రక్రియను బ్యాచ్‌లుగా అమలు చేయండి.
  1. ఇతర ఫార్మాట్ మార్పిడి ప్లగిన్‌లతో కలిపి ఉపయోగించండి
    మీరు ప్లస్ WebP రీప్లేస్‌మెంట్‌ను ఎనేబుల్ చేసి, అలాగే షార్ట్‌పిక్సెల్‌తో నెక్స్ట్-జెన్ ట్యాగ్‌లను జెనరేట్ చేసి ఇన్‌సర్ట్ చేస్తే, లాజిక్ ఒకదానిపై ఒకటి పనిచేసి, ట్రబుల్షూటింగ్‌ను మరింత కష్టతరం చేస్తుంది. ఆప్షన్ Bతో, షార్ట్‌పిక్సెల్ ఈ పనిని స్వయంగా నిర్వహిస్తుంది.
  2. ఇన్‌స్టాల్ చేసిన తర్వాత, ఫ్రెండ్‌ఎండ్ ఆటోమేటిక్‌గా WebP/AVIF ఫైళ్లను జెనరేట్ చేస్తుందని నేను అనుకున్నాను.“
    షార్ట్‌పిక్సెల్ ప్లగిన్ పేజీఇది WebP మరియు AVIF ఫైళ్లను మార్చగలదని మరియు ఫ్రంట్-ఎండ్ పేజీలలోకి తదుపరి తరం చిత్రాలను పొందుపరచగలదని (ఉదాహరణకు, ట్యాగ్‌ల ద్వారా) గమనించదగినది.
    అయినప్పటికీ, మీరు పూర్తి చేసిన తర్వాత ఫలితాలను తప్పనిసరిగా తనిఖీ చేయాలి.

3.2.2 ఇమేజిఫై: నెలకు 20MB ఉచితం; కోటా “అసలు చిత్ర పరిమాణం + థంబ్‌నెయిల్స్ సంఖ్య” ఆధారంగా తగ్గించబడుతుంది; పునః-కంప్రెషన్ వలన డూప్లికేట్ తగ్గింపులు జరుగుతాయి

ఉచిత భత్యం మరియు ప్రదేశం

ఇమేజిఫై అధికారిక ధరల పేజీఇది చాలా స్పష్టంగా పేర్కొనబడింది:ఉచిత ఖాతాలకు నెలవారీ కోటా 20MB
దాని ప్లగిన్ పేజీలో కూడా ఇది కంప్రెస్ చేయగలదని, రీసైజ్ చేయగలదని మరియు WebP/AVIFగా మార్చగలదని పేర్కొంది.

కోటా ఎలా తగ్గించబడుతుంది?

ఇమేజిఫై అధికారిక డాక్యుమెంటేషన్ “కోటా వినియోగం ఎలా లెక్కించబడుతుంది?” అనేది బిల్లింగ్ విధానాన్ని చాలా స్పష్టంగా వివరిస్తుంది:

  • థంబ్‌నెయిల్స్ సంఖ్య వనరుల వినియోగాన్ని ప్రభావితం చేస్తుందిఉదాహరణకు, మీకు 10 థంబ్‌నెయిల్ పరిమాణాలు ఉంటే, ఒకే చిత్రాన్ని ఆప్టిమైజ్ చేయడం అంటే వాస్తవానికి 11 చిత్రాలను (అసలు చిత్రం మరియు 10 థంబ్‌నెయిల్స్) ఆప్టిమైజ్ చేయడం అవుతుంది, వీటన్నింటినీ మీ కోటాలో లెక్కిస్తారు.
  • అసలు ఫైల్ పరిమాణం ఆధారంగా కోటాను తగ్గించండిఉదాహరణకు, మీరు ఇమేజిఫైకి 100KB చిత్రాన్ని అప్‌లోడ్ చేస్తే, మీ కోటా నుండి 100KB తగ్గించబడుతుంది.
  • కంప్రెషన్ స్థాయిని మార్చడం మరియు పునః-ఆప్టిమైజ్ చేయడం మళ్ళీ కోటాను వినియోగిస్తుంది.
  • ఒకే API కీని బహుళ సైట్‌లలో ఉపయోగించవచ్చు, కానీ కోటా వాటి మధ్య పంచుకోబడుతుంది.

ఇది ఇమాజిఫై యొక్క “ప్రధాన విధానం”:
ఇది ఒక డేటా ప్యాకేజీ లాంటిది: మీరు ఎంత ఎక్కువ అప్‌లోడ్ చేస్తే, అంత ఎక్కువ ఛార్జ్ చేస్తుంది; ఎన్ని ఎక్కువ థంబ్‌నెయిల్స్ అప్‌లోడ్ చేస్తే, అంత ఎక్కువ ఛార్జ్ చేస్తుంది; మరియు ఒకే కంటెంట్‌ను పదేపదే రీ-అప్‌లోడ్ చేస్తే, ప్రతిసారీ ఫీజును ఛార్జ్ చేస్తుంది.

ఇమాజిఫై కోటాల గురించి సులభంగా అర్థమయ్యే ఉదాహరణ

మీరు 800 KB పరిమాణంలో ఒక అసలు చిత్రాన్ని అప్‌లోడ్ చేస్తే, మరియు ఆ సైట్ 8 థంబ్‌నెయిల్స్‌ను రూపొందించిందని అనుకుందాం.

  • ఇమాజిఫైతో ఆప్టిమైజ్ చేస్తున్నప్పుడు, “అసలు చిత్రం మరియు 8 థంబ్‌నెయిల్స్” రెండూ చేర్చబడతాయి (“అన్నీ ఆప్టిమైజ్ చేయండి” అని మీరు ఎంచుకుంటే), అంటే ఈ ఆపరేషన్ దాదాపుగా 'ఈ ఫైల్స్ అన్నింటి మొత్తం పరిమాణానికి' సమానమైన కోటాను ఉపయోగిస్తుంది.
    అందుకే కొన్ని సైట్‌లు తమ “20MB” కోటా త్వరగా అయిపోతున్నట్లు గమనిస్తాయి: ఇమేజిఫై ఆ పని చేయలేకపోవడం కాదు, మీరు అప్‌లోడ్ చేసే చిత్రాలు చాలా పెద్దవిగా ఉండటం, మీరు చాలా థంబ్‌నెయిల్‌లను రూపొందించడం, మరియు మీరు వేర్వేరు కంప్రెషన్ స్థాయిలతో పదేపదే ప్రయోగాలు చేస్తూ ఉండవచ్చు.

ఇమేజిఫైతో ఎదురయ్యే అత్యంత సాధారణ లోపాలు

  1. “పూర్తి సైట్ చరిత్రను తొలగించడానికి” 20MB ఉచితం సరిపోదు.”
    20MB సాధారణంగా పరీక్షించడానికి మరియు చిన్న అప్‌డేట్‌లకు మరింత అనువైనది; మీ మీడియా లైబ్రరీ ఇప్పటికే పెద్దదిగా ఉంటే, దానిని మొత్తం ఒకేసారి క్లియర్ చేయడానికి బహుశా ఒక అప్‌గ్రేడ్ అవసరం కావచ్చు.
  2. కంప్రెషన్ స్థాయిని పదేపదే సర్దుబాటు చేయడం వలన కోటా పదేపదే ఉపయోగించబడుతుంది.
    ఇమేజిఫై: ఒక స్పష్టమైన వివరణపునః-ఆప్టిమైజేషన్ కోటాను మళ్ళీ వినియోగిస్తుంది.
    ఈ పేజీలో మీరు “रणनीతిని” స్పష్టంగా పేర్కొనాలని మేము సిఫార్సు చేస్తున్నాము:
  • కంప్రెషన్ స్థాయి మరియు దృశ్య నాణ్యతను నిర్ధారించడానికి కొన్ని చిత్రాలతో ప్రారంభించండి.
  • ఒకసారి వ్యూహం ఖరారు అయిన తర్వాత, దానిని బ్యాచ్‌లలో అమలు చేయండి.
    మొత్తం డేటాబేస్‌లో ప్రయత్నం-ప్రాయత్నం చేయడం నివారించండి
  1. ఒకే API కీని బహుళ సైట్‌లలో పంచుకోవడం వలన కోటాలు “రహస్యంగా తగ్గిపోతాయి”.”
    మీరు ఒకే API కీని బహుళ సైట్‌లలో ఉపయోగిస్తే, కోటాలు పంచుకోబడతాయి.
    అందువల్ల, బృందం లేదా బహుళ-సైట్ పరిస్థితులలో, బడ్జెట్ మించడాన్ని నివారించడానికి, ఏ సైట్‌లు వనరులను పంచుకుంటాయో మరియు ఏవి స్వతంత్రంగా పనిచేస్తాయో స్పష్టం చేయడం ఉత్తమం.

3.2.3 టైనీపిఎన్జీ(చిన్న కంప్రెస్ చిత్రాలు): నెలకు 500 ఉచిత క్రెడిట్లు; WebP/AVIFకి మార్చడానికి ప్రతి సైజుకు అదనంగా 1 క్రెడిట్ ఛార్జ్ అవుతుంది.“

ఉచిత భత్యాల మరియు వాటి లెక్కింపు విధానం

TinyPNG వర్డ్‌ప్రెస్ ప్లగిన్ పేజీ చాలా స్పష్టంగా వ్రాయబడింది:

  • ప్రతి నెలా 500 ఉచిత క్రెడిట్లు
  • “సాధారణ వర్డ్‌ప్రెస్ ఇన్‌స్టాలేషన్‌లో”, మీరు బహుశా కంప్రెస్ చేయవచ్చు ప్రతి నెలా సుమారుగా 100 చిత్రాలు
  • అయితే, AVIF లేదా WebP మార్పిడి ప్రారంభించబడితే:ప్రతి చిత్ర పరిమాణానికి ఒక అదనపు క్రెడిట్ ఖర్చవుతుంది., కాబట్టి దాన్ని కంప్రెస్ చేసి, కన్వర్ట్ చేయడమే ఏకైక మార్గమని నేను అనుకుంటున్నాను ప్రతి నెలా సుమారు 50 చిత్రాలు(ఇది మీ వద్ద ఎన్ని థంబ్‌నెయిల్ పరిమాణాలు ఉన్నాయనే దానిపై ఆధారపడి ఉంటుంది.)

ఇంతలో, టినిఫై (TinyPNG మరియు TinyJPG డెవలపర్) కూడా API ధరల పేజీదయచేసి గమనించండి: నెలకు 500 ఉచిత కంప్రెషన్ల కోసం సైన్ అప్ చేయండి; ఈ పరిమితి దాటిన తర్వాత, తప్పనిసరి సబ్‌స్క్రిప్షన్ లేకుండా, విజయవంతమైన కంప్రెషన్ల సంఖ్య ఆధారంగా మీకు ఛార్జ్ చేయబడుతుంది.

TinyPNG ఒకే వాక్యంలో ఎలా పనిచేస్తుందో సంగ్రహించాలంటే:
ఇది క్రెడిట్‌లలో లెక్కించబడుతుంది; మీకు ఎన్ని ఎక్కువ థంబ్‌నెయిల్ సైజులు ఉంటే మరియు మీరు WebP/AVIFను ఎంత ఎక్కువగా ఎనేబుల్ చేస్తే, మీ క్రెడిట్‌లు అంత వేగంగా ఉపయోగించబడతాయి.

TinyPNG క్రెడిట్‌లకు సులభంగా అర్థమయ్యే ఉదాహరణ

మీ సైట్ ప్రతి చిత్రానికి ఎనిమిది థంబ్‌నెయిల్ పరిమాణాలను ఉత్పత్తి చేస్తుందని అనుకుందాం:

  • కంప్రెషన్ మాత్రమే: అసలు చిత్రం + 8 థంబ్‌నెయిల్స్ → 9 క్రెడిట్లు అవసరం
  • WebP/AVIF మార్పిడి ప్రారంభించబడితే: ప్రతి పరిమాణానికి అదనపు ఛార్జీ విధించబడుతుంది → ఇది మొత్తం ఖర్చును దాదాపు రెట్టింపు చేయవచ్చు.
    ఇది ప్లగిన్ పేజీలోని వివరణకు అనుగుణంగా ఉంది: ఒకసారి మార్పిడి ప్రారంభించబడిన తర్వాత, ఉచిత కోటా సుమారుగా “నెలకు 100” నుండి “నెలకు 50”కి మారుతుంది.

TinyPNGతో ఎదురయ్యే అత్యంత సాధారణ లోపాలు

  1. నేను 500 క్రెడిట్స్ అంటే 500 చిత్రాలు అని అనుకున్నాను.
    కాదు. ఇది “చిత్ర పరిమాణం/వేరియంట్” ఆధారంగా వసూలు చేయబడుతుంది. ప్లగిన్ పేజీలో స్పష్టంగా పేర్కొనబడింది, “ప్రతి చిత్ర పరిమాణానికి మార్పిడికి అదనంగా 1 క్రెడిట్ ఖర్చవుతుంది”.
  2. థీమ్/ఇ-కామర్స్ ప్లగిన్ చాలా ఎక్కువ ఇమేజ్ సైజులను జెనరేట్ చేస్తోంది, మరియు ఉచిత కోటా గణనీయంగా తగ్గింది.
    ఎన్ని ఎక్కువ డైమెన్షన్లు ఉంటే, క్రెడిట్స్ అయిపోవడానికి అంత సులభం.
  3. కన్వర్షన్‌ను యాక్టివేట్ చేసిన తర్వాత, నా క్రెడిట్ లిమిట్ అకస్మాత్తుగా అయిపోయిందని నేను కనుగొన్నాను.
    ఇది బగ్ కాదు; బిల్లింగ్ సిస్టమ్ ఇలాగే పనిచేస్తుంది.
    రూపకల్పనపరమైన సిఫార్సులు:
  • ఉచిత దశ ప్రధానంగా కంప్రెషన్ మరియు బరువు తగ్గించడం కోసం ఉద్దేశించబడితే, మీరు కేవలం కంప్రెషన్ అమలు చేయడం ద్వారా ప్రారంభించవచ్చు. సైట్ నిర్మాణం స్థిరంగా ఉందని మరియు మీకు నిజంగా నెక్స్ట్-జెన్ అవసరమని మీరు నిర్ధారించుకున్న తర్వాత, మీరు అప్పుడు మార్పిడిని ప్రారంభించవచ్చు.

4. సందర్భం ప్రకారం సిఫార్సులు: వివిధ రకాల వెబ్‌సైట్‌ల కోసం ఎలా ఎంచుకోవాలి

అన్నీ వర్డ్‌ప్రెస్‌పై నడుస్తున్నప్పటికీ, కంటెంట్ సైట్‌లు, ఇ-కామర్స్ సైట్‌లు, పోర్ట్‌ఫోలియోలు మరియు సభ్యత్వ సైట్‌ల మధ్య “చిత్రాలకు సంబంధించిన సమస్యలు” భిన్నంగా ఉంటాయి.

4.1 కంటెంట్ సైట్లు/బ్లాగులు (అనేక చిత్రాలు మరియు వ్యాసాలతో, మధ్యస్థ అప్‌డేట్ ఫ్రీక్వెన్సీతో)

ప్రాధాన్యత సిఫార్సులు:

  1. కొలతల వ్యూహం (దశ 1)
  2. సంపీడనం (దశ 2)
  3. వెబ్‍పి (దశ 3)

మరింత అనువైన మార్గం:

  • మీకు శ్రమ లేని మార్గం కావాలంటే: ఆప్షన్ Bలోని మూడింటిలో (ShortPixel / Imagify / TinyPNG) ఒకదాన్ని ఎంచుకోండి.
  • మీకు ఉచితమైన ఆప్షన్ కావాలంటే: రూట్ A (ప్లస్ WebP + EWWW), కానీ ముందుగా నష్టాలను అంచనా వేయడానికి “కాన్జర్వేటివ్ మోడ్ (అసలు చిత్రాలను తొలగించవద్దు)” తో ప్రారంభించమని మేము సిఫార్సు చేస్తున్నాము.

సాధారణ లోపాలు:

4.2 ఇ-కామర్స్/ఉత్పత్తి వెబ్‌సైట్‌లు (అసంఖ్యాకమైన థంబ్‌నెయిల్స్ మరియు చిత్రాల వైవిధ్యాలు; స్థిరత్వం అత్యంత ముఖ్యం)

ఇ-కామర్స్‌లో అత్యంత సాధారణ సమస్యలు “కంప్రెషన్ నాణ్యత తక్కువగా ఉండటం” కాదు, కానీ “ఆప్టిమైజేషన్ తర్వాత కొన్ని కొలతలు తప్పుగా ఉండటం, థంబ్‌నెయిల్స్ లోపించడం, లేదా ఫ్రంట్-ఎండ్ కాంపోనెంట్లు చిత్రాలను రిట్రీవ్ చేయలేకపోవడం”.

ప్రాధాన్యత సిఫార్సులు:

  1. జాగ్రత్తగా ప్రారంభించండి: ఒక సంప్రదాయబద్ధమైన కంప్రెషన్ వ్యూహాన్ని అవలంబించండి; నేరుగా పూర్తి డేటాబేస్ మార్పిడికి వెళ్లవద్దు.
  2. థంబ్‌నెయిల్ పరిమాణాలను అంచనా వేయడం: ఇ-కామర్స్ థీమ్‌లు సాధారణంగా ఎక్కువ పరిమాణాలను జెనరేట్ చేస్తాయి, ఇది డేటా వినియోగాన్ని గణనీయంగా పెంచుతుంది (ఇది ముఖ్యంగా షార్ట్‌పిక్సెల్ మరియు టైనీపిఎన్‌జితో స్పష్టంగా కనిపిస్తుంది).
  3. మొదట చిన్న స్థాయిలో ఒక ప్రయోగం చేసి, ఆ తర్వాత విస్తృత ప్రేక్షకులకు విడుదల చేయండి (ఇది చాలా కీలకం)

మరింత అనువైన మార్గం:

  • ఆప్షన్ B తరచుగా చింతలు లేని ఎంపిక: షార్ట్‌పిక్సెల్, ఇమాజిఫై మరియు టైనీపిఎన్‌జి అన్నీ బ్యాచ్ ప్రాసెసింగ్‌కు మద్దతు ఇస్తాయి; కీలకం ఏమిటంటే కోటా వ్యవస్థను అర్థం చేసుకోవడం మరియు ఖర్చులను ముందుగానే అంచనా వేయడం.
  • ఆప్షన్ A కూడా ఆమోదయోగ్యమే, కానీ “ఐడిలను ఓవర్‌రైట్ చేయడం, అసలు చిత్రాలను తొలగించడం మరియు URLలను భర్తీ చేయడం” విషయంలో ప్లస్ వెబ్పీ యొక్క ప్రవర్తన పట్ల మీరు మరింత జాగ్రత్త వహించాలి: ఇది ఆస్తి వలసను సూచిస్తున్నందున, అన్నింటినీ ఒకేసారి భర్తీ చేయడం మంచిది కాదు.

4.3 పోర్ట్‌ఫోలియోలు/ఫోటోగ్రఫీ వెబ్‌సైట్‌లు (ఇక్కడ చిత్ర నాణ్యత చాలా ముఖ్యం, ఫైల్ పరిమాణాలు పెద్దవిగా ఉంటాయి, మరియు దృశ్య ఆకర్షణే ప్రధానం)

ప్రాధాన్యత సిఫార్సులు:

  1. పరిమాణ నిర్ణయ వ్యూహం (ప్రదర్శన ప్రాంత నియంత్రణ)
  2. సంపీడన వ్యూహం (వివరాలను కోల్పోవడం కంటే కొద్దిగా పెద్ద ఫైల్ ఉండటం మేలు)
  3. WebP/AVIF (పెద్ద చిత్రాలకు ప్రయోజనాలు స్పష్టంగా ఉన్నాయి, కానీ దృశ్య నాణ్యతను ధృవీకరించాల్సి ఉంది)

మరింత అనువైన మార్గం:

  • ఇమేజిఫై: “అసలు చిత్ర పరిమాణం” ఆధారంగా కోటా తగ్గించబడుతుంది కాబట్టి, ఈ రకమైన సైట్ ఖర్చులను నియంత్రణలో ఉంచుకోవడాన్ని సులభతరం చేస్తుంది (ప్రతి పెద్ద చిత్రానికి సుమారు ఎంత ఖర్చవుతుందో మీకు తెలుస్తుంది), కానీ వాటిని పదేపదే మళ్లీ కంప్రెస్ చేయకుండా ఉండాలి.
  • షార్ట్‌పిక్సెల్థంబ్‌నెయిల్ సైజులు ఎక్కువగా లేకపోతే, క్రెడిట్స్ వాడకం చాలా సరళంగా ఉంటుంది; అయితే, మీరు అనేక సైజులతో పాటు నెక్స్ట్-జెన్ వెర్షన్లను కూడా రూపొందిస్తే, క్రెడిట్స్ వినియోగం గణనీయంగా పెరుగుతుంది, కాబట్టి మీరు ముందుగానే ప్రణాళిక చేసుకోవాలి.

5. డేటా అలవెన్సులు వర్సెస్ బిల్లింగ్: ఉచిత అలవెన్సు సరిపోతుందో లేదో పూర్తి సమీక్ష

డబ్బుకు ఏది మంచి విలువను అందిస్తుంది, మరియు ఉచిత ట్రయల్ ఎంతకాలం ఉంటుంది?

5.1 మూడు బిల్లింగ్ నమూనాలు

  • షార్ట్‌పిక్సెల్(క్రెడిట్స్)క్రెడిట్‌లు “అసలు చిత్రం మరియు థంబ్‌నెయిల్స్ సంఖ్య” ఆధారంగా లెక్కించబడతాయి; WebP/AVIF ఫైళ్లను రూపొందించడం వలన ప్రతి సంబంధిత వెర్షన్‌కు అదనపు క్రెడిట్ ఛార్జ్ విధించబడుతుంది.
  • ఇమేజిఫై(MB కోటా): కోటా “అసలు ఫైల్ పరిమాణం” ఆధారంగా తగ్గించబడుతుంది; ఎన్ని ఎక్కువ థంబ్‌నెయిల్స్ ఉంటే, అన్ని ఎక్కువ కోటా ఉపయోగించబడుతుంది; పునః-కంప్రెషన్ మరింత కోటా తగ్గింపుకు దారితీస్తుంది.
  • టైనీపిఎన్జీ(క్రెడిట్స్): నెలకు 500 క్రెడిట్లు; WebP/AVIF మార్పిడిని ప్రారంభించడం వలన ప్రతి చిత్ర పరిమాణానికి అదనపు ఛార్జ్ వర్తిస్తుంది.

5.2 వేగవంతమైన అంచనా పద్ధతులు

మీరు దీనిని ఈ క్రింది విధంగా అంచనా వేయవచ్చు:

  1. మీరు తరచుగా అప్‌లోడ్ చేసే ఏదైనా “అసలు చిత్రాన్ని” ఎంచుకుని, దాని సుమారు పరిమాణాన్ని తనిఖీ చేయండి (ఉదా. 300KB / 1MB / 3MB)
  2. ఇది మీ సైట్ సాధారణంగా ఎన్ని థంబ్‌నెయిల్ పరిమాణాలను ఉత్పత్తి చేస్తుందనే దానిపై ఆధారపడి ఉంటుంది (ఉదా. 5, 10 లేదా 20)
  3. మీరు WebP/AVIFను రూపొందించాలనుకుంటున్నారా లేదా అని నిర్ణయించుకోండి (అవును/కాదు)

అప్పుడు వినియోగాన్ని అర్థం చేసుకోవడానికి క్రింది “మానసిక అంకగణితం”ను ఉపయోగించండి:

  • షార్ట్‌పిక్సెల్: ప్రతి చిత్రానికి ≈ (1 + థంబ్‌నెయిల్స్ సంఖ్య) క్రెడిట్స్; ఒకవేళ WebP/AVIF రూపొందించబడితే, ≈ దానిని రెట్టింపు చేయాలి (ఎందుకంటే నెక్స్ట్-జెన్ వెర్షన్లకు కూడా క్రెడిట్స్ అవసరం)
  • ఇమేజిఫైప్రతి చిత్రానికి కోటా సుమారుగా (అసలు చిత్ర పరిమాణం + అన్ని థంబ్‌నెయిల్స్ యొక్క మొత్తం పరిమాణం) ఉంటుంది; కంప్రెషన్ స్థాయిని మార్చి చిత్రాన్ని తిరిగి కంప్రెస్ చేయడం వలన కోటా నుండి మరింత తగ్గింపు ఉంటుంది.
  • టైనీపిఎన్జీ: 500 ఉచిత క్రెడిట్లు; మీ సైట్ ప్రతి చిత్రానికి పెద్ద సంఖ్యలో చిత్ర పరిమాణాలను ఉత్పత్తి చేస్తే మరియు చిత్ర మార్పిడి ప్రారంభించబడితే, ఉచిత చిత్రాల సంఖ్య గణనీయంగా తగ్గిపోతుంది (ప్లగిన్ పేజీ “నెలకు సుమారు 100” మరియు “నెలకు సుమారు 50” అని ఒక అంచనాను అందిస్తుంది)

6. నష్టభారపు వెల్లడి

ప్రమాదం 1: ఒకే పనిని అనేక ప్లగిన్‌లు చేయకుండా ఉండండి

ఇది అత్యంత సాధారణమైన “విపత్తు మూలం”.”

  • మార్గం A:అదనంగా వెబ్‍పి లేదా ఏవిఫ్ + EWWW(పనులను ఇద్దరి మధ్య పంచుకోండి; మార్పిడి మరియు డెలివరీని ఒకే సమయంలో చేయవద్దు, లేదా వాటిలో దేనినైనా ఒకదాన్ని మాత్రమే ఇన్‌స్టాల్ చేయండి)
  • ఎంపిక బి: షార్ట్‌పిక్సెల్ / ఇమాజిఫై / టైనీపిఎన్జీ మూడింటిలో ఒకదాన్ని ఎంచుకోండి(కంప్రెషన్ మరియు నెక్స్ట్-జెన్‌ను నిర్వహించడానికి ఒకదాన్ని ఎంచుకోండి)

రిస్క్ 2: అదనంగా, WebP యొక్క “ఓవర్‌రైట్ ID / ఒరిజినల్ ఇమేజ్‌ను తొలగించు / URLను భర్తీ చేయు” ఫీచర్లు అసెట్ మైగ్రేషన్‌గా పరిగణించబడతాయి.

మళ్లీ చెప్పాలంటే:అదనంగా వెబ్-పి ఒక పూర్తి జనరేషన్ సమయంలో, అసలు ఇమేజ్ ID ఓవర్‌రైట్ చేయబడుతుంది, అసలు ఫైల్ తొలగించబడుతుంది మరియు కంటెంట్ URL భర్తీ చేయబడుతుంది అని వివరణ స్పష్టంగా పేర్కొంది.
దీని అర్థం ఇది “ఎప్పుడైనా వెనక్కి తీసుకోగల ఒక చిన్న సర్దుబాటు” కాదు, బదులుగా అది ఆస్తి స్థాయిలో ఒక మార్పు.

సిఫార్సు చేయబడిన వ్యూహం ఇలా ఉండాలి:

  • చిన్న స్థాయి పరీక్షతో ప్రారంభించండి (కొన్ని డజన్ల నుండి కొన్ని వందల వరకు)
  • ఫ్రంట్-ఎండ్ డిస్‌ప్లే, థంబ్‌నెయిల్స్ మరియు క్యాష్ అప్‌డేట్‌లు అన్నీ సరిగ్గా పనిచేస్తున్నాయో లేదో నిర్ధారించుకోండి.
  • మొత్తం డేటాబేస్‌ను ప్రాసెస్ చేయడాన్ని పరిగణించండి

రిస్క్ 3: క్లౌడ్ కంప్రెషన్ కోసం “ఉచిత అలవెన్స్” యొక్క వాస్తవ వినియోగం థంబ్‌నెయిల్స్ సంఖ్య మరియు నెక్స్ట్-జెన్ ఎంపికల ఎంపికపై ఆధారపడి ఉంటుంది.

  • షార్ట్‌పిక్సెల్థంబ్‌నెయిల్స్ మరియు నెక్స్ట్-జెన్ ఫీచర్లు క్రెడిట్స్‌పై గణనీయమైన ప్రభావాన్ని చూపుతాయి.
  • టైనీపిఎన్జీ: WebP/AVIF ను ప్రారంభించడం వలన ప్రతి చిత్ర పరిమాణానికి అదనపు క్రెడిట్ తగ్గింపు ఉంటుంది
  • ఇమేజిఫై: ఛార్జీలు అసలు చిత్ర పరిమాణం ఆధారంగా ఉంటాయి; ఎన్ని ఎక్కువ థంబ్‌నెయిల్స్ ఉంటే, ఛార్జీ అంత ఎక్కువగా ఉంటుంది; పునరావృత డౌన్‌లోడ్‌లకు అదనపు ఛార్జీలు వర్తిస్తాయి

రిస్క్ 4: “WebP/AVIF రూపొందించబడింది” అంటే “ఫ్రంట్ ఎండ్ WebP/AVIFను సర్వ్ చేస్తోంది” అని అర్థం కాదు”

మార్పిడి తర్వాత తమ సైట్ వేగం పెరగలేదని చాలా మంది భావిస్తున్నారు; దీనికి మూల కారణం ఫ్రంట్ ఎండ్ ఇప్పటికీ JPG/PNG ఫైళ్లను సర్వ్ చేస్తుండటమే (కింది వాటిలో దేనిలోనైనా పొంతన లేకపోవడం వల్ల: క్యాచింగ్, రీరైటింగ్, ట్యాగ్‌లు, లేదా బ్రౌజర్ నెగోషియేషన్).

7. నేను పూర్తి చేసిన తర్వాత అది పని చేసిందో లేదో ఎలా తనిఖీ చేయాలి?

4 చాలా సులభమైన తనిఖీ పాయింట్లు:

  1. ఒకే పేజీని రెండవసారి రిఫ్రెష్ చేసినప్పుడు, లోడింగ్ ప్రక్రియ మరింత స్థిరంగా మరియు వేగంగా ఉంటుందా?(క్యాచింగ్ మరియు ఆప్టిమైజేషన్ యొక్క ప్రభావాలు ఎంత స్పష్టంగా కనిపిస్తాయి?)
  2. మొబైల్ పరికరాలు మరియు డెస్క్‌టాప్ కంప్యూటర్‌లలో లోడ్ చేయబడిన చిత్రాల పరిమాణంలో గమనించదగ్గ తేడా ఏదైనా ఉందా?(స్పందించే సోర్సెట్/సైజులు (అది పనిచేస్తుందో లేదో)
  3. యాదృచ్ఛికంగా కొన్ని చిత్రాలను తనిఖీ చేయండి: వాటిలో ఏవైనా WebP లేదా AVIF ఫైళ్లు/వనరులు ఉన్నాయా?(సైట్ నిజంగా ఉపయోగిస్తోందా తదుపరి తరం
  4. కొన్ని చిత్రాలను చూడండి: అవి స్పష్టంగా మసకగా ఉన్నాయో లేదా టెక్స్ట్ అస్పష్టంగా కనిపిస్తోందో చూడటానికి జూమ్ చేయండి.(కంప్రెషన్ చాలా ఎక్కువగా ఉందా?)

ఈ నాలుగింటికీ వర్తిస్తే, మీరు ఎంచుకున్న మార్గం ఇప్పటికే అమలులో ఉందని అర్థం. తరువాత, కిందిదానికి వెళ్ళండి CDN “డెలివరీ లేయర్”...మొత్తం మీద ఇది మరింత స్థిరంగా ఉంటుంది.

8. కార్యాచరణ కోసం సిఫార్సులు

  1. మొదట, ఒక మార్గాన్ని ఎంచుకోండి:
  • నేను దానిని వీలైనంత ఉచితంగా ఉంచాలనుకుంటున్నాను: అదనంగా WebP లేదా AVIF + EWWW (లేదా వాటిలో ఒకదాన్ని మాత్రమే ఇన్‌స్టాల్ చేయండి)
  • సర్వర్ వనరులపై ఆదా చేయాలనుకుంటున్నారా? వాడకానికి అనుగుణంగా చెల్లించడం మరింత శ్రమలేనిది.: షార్ట్‌పిక్సెల్, ఇమాజిఫై లేదా టైనీపిఎన్‌జి నుండి ఒకదాన్ని ఎంచుకోండి
  1. చిన్న స్థాయి పరీక్షతో ప్రారంభించండి (కొన్ని డజన్లు)
  2. బ్యాచ్‌లుగా ప్రాసెస్ చేయడానికి ముందు, అన్నీ సరిగ్గా ఉన్నాయో లేదో తనిఖీ చేయండి.
  3. డెలివరీ విశ్వసనీయతను మరింత మెరుగుపరచాలి:చదవడం CDN వేగవృద్ధి

తరచుగా అడిగే ప్రశ్నలు

1. నేను ఎన్ని ప్లగిన్‌లు ఇన్‌స్టాల్ చేయాలి? నేను వాటన్నింటినీ ఇన్‌స్టాల్ చేయవచ్చా?

ఒకే మార్గానికి కట్టుబడి ఉండటానికి ప్రయత్నించండి.

  • ఎంపిక A: ప్లస్ WebP లేదా AVIF + EWWW ఇమేజ్ ఆప్టిమైజర్ (లేదా వాటిలో ఒకదాన్ని మాత్రమే ఇన్‌స్టాల్ చేయండి)
  • ఎంపిక B: షార్ట్‌పిక్సెల్, ఇమాజిఫై లేదా టైనీపిఎన్‌జి వాటిలో ఒకదాన్ని ఎంచుకోండి
    ఒకే సైట్‌లో “కంప్రెషన్, WebP లేదా AVIFకి కన్వర్షన్, URL మార్పు మరియు డెలివరీ రీరైటింగ్”లను ఏకకాలంలో చేయడానికి బహుళ ప్లగిన్‌లను రన్ చేయడం అనేది గందరగోళాన్ని సృష్టించడానికి అత్యంత నిశ్చಿತమైన మార్గం మరియు దానిని పరిష్కరించడానికి అత్యంత కష్టమైనది.

2. వర్డ్‌ప్రెస్ ఇప్పటికే WebP/AVIFలకు మద్దతు ఇస్తుందేగా? నాకు ఇంకా ప్లగిన్ అవసరమా?

వీటి మధ్య తేడాను గుర్తించడం ముఖ్యం:
“అప్‌లోడ్/ఉపయోగించడానికి మద్దతు” ≠ “స్వయంచాలక మార్పిడి/స్వయంచాలక డెలివరీ”.
వర్డ్‌ప్రెస్ 6.5 ఇప్పటికే ఉన్న JPG/PNG ఫైళ్లను బల్క్‌గా WebP/AVIFగా స్వయంచాలకంగా మార్చదు, అలాగే బ్రౌజర్ సామర్థ్యాల ఆధారంగా AVIF/WebPను సర్వ్ చేసి, అసలు ఫార్మాట్‌కు తిరిగి మారే మొత్తం ప్రక్రియను కూడా ఇది స్వయంచాలకంగా నిర్వహించదు. మీ ఇప్పటికే ఉన్న మీడియా లైబ్రరీ కూడా అప్‌డేట్ అయిందని నిర్ధారించుకోవడానికి, లోపాలను పూరించడానికి మీరు సాధారణంగా ఒక ప్లగిన్ లేదా సర్వీస్‌ను ఉపయోగించాల్సి ఉంటుంది.

3. ఇమేజ్ ఆప్టిమైజేషన్ విషయానికి వస్తే, ఏ దశ వాస్తవానికి అత్యధిక పెట్టుబడిపై రాబడిని అందిస్తుంది?

సాధారణంగా మొదట కొలతలను సరిగ్గా పెట్టండి (srcset/sizes)
చాలా వెబ్‌సైట్‌లు నెమ్మదిగా ఉండటానికి కారణం వాటిని కంప్రెస్ చేయకపోవడం కాదు, కేవలం 900px వెడల్పు ఉన్న పేజీని ప్రదర్శిస్తూ, వినియోగదారులను అసలు 3000px చిత్రాన్ని డౌన్‌లోడ్ చేసుకునేలా బలవంతం చేయడమే. కంప్రెషన్ కొన్ని కిలోబైట్‌లను ఆదా చేయగలిగినా, “తప్పు కొలతలు” వల్ల మీరు అనవసరంగా దానికంటే చాలా రెట్లు ఎక్కువ డేటాను డౌన్‌లోడ్ చేసుకోవలసి వస్తుంది.

4. ప్రతిసారీ అసలు చిత్రం కాకుండా, “చిన్న వెర్షన్” లోడ్ అవుతోందని నేను ఎలా నిర్ధారించుకోవాలి?

రెండు దృగ్విషయాలను పరిగణించండి:

  • మొబైల్ పరికరంలో చూసినప్పుడు, డౌన్‌లోడ్ చేసిన చిత్రాలు డెస్క్‌టాప్‌తో పోలిస్తే స్పష్టంగా చిన్నవిగా కనిపిస్తాయి.
  • ఒకే చిత్రం యొక్క ఫైల్ పరిమాణం, అది లోడ్ చేయబడిన పరికరాన్ని బట్టి మారుతుంది.
    చిత్రాలు ఎల్లప్పుడూ వాటి అసలు పరిమాణంలో డౌన్‌లోడ్ అయితే, దానికి కారణం థీమ్ లేదా పేజ్ బిల్డర్ ఆ చిత్రాన్ని CSS బ్యాక్‌గ్రౌండ్ చిత్రంగా లేదా కస్టమ్ అవుట్‌పుట్‌గా పరిగణించడమే. దీనివల్ల, మీడియా లైబ్రరీ యొక్క బహుళ పరిమాణాల మద్దతు మరియు `srcset` ఆట్రిబ్యూట్ పక్కన పెట్టబడతాయి.

5. “WebP/AVIF generated” అంటే ఫ్రంట్ ఎండ్ WebP/AVIFను అవుట్‌పుట్ చేస్తోందని తప్పనిసరిగా అర్థమా?

సమానం కాదు
జనరేషన్ “ఫైల్ స్థాయి”లో మాత్రమే పూర్తవుతుంది; WebP/AVIF ఫ్రంట్ ఎండ్‌కు వాస్తవంగా సర్వ్ చేయబడటం అనేది రీరైటింగ్, ```` ట్యాగ్ పాలసీ, కాష్ హిట్స్, మరియు బ్రౌజర్ నెగోషియేషన్ సమర్థవంతంగా ఉందా లేదా అనే వంటి అంశాలపై ఆధారపడి ఉంటుంది. మీరు పూర్తి చేసిన తర్వాత, కొన్ని చిత్రాల రిసోర్స్ రకాలను తప్పకుండా “స్పాట్-చెక్” చేయండి.

6. WebP లేదా AVIFతో సంబంధం ఉన్న నష్టభయాలు అంటే కచ్చితంగా ఏమిటి? నేను మొత్తం డేటాబేస్ అంతటా ఒకే-క్లిక్‌తో తనిఖీ చేయవచ్చా?

ప్రమాదం “సంపీడనంలో” లేదు, కానీఆస్తి వలస స్థాయిలలో మార్పులు

  • పూర్తి సెట్‌ను రూపొందించేటప్పుడు, అసలు చిత్ర ఫైల్ IDలు ఓవర్‌రైట్ చేయబడవచ్చు, అసలు ఫైల్‌లు తొలగించబడవచ్చు మరియు కంటెంట్‌లోని URLలు భర్తీ చేయబడవచ్చు.
    కాబట్టిమొత్తం డేటాబేస్‌ను వెంటనే మార్చమని మేము సిఫార్సు చేయము.చిన్న స్థాయి పరీక్షతో (కొన్ని డజన్ల నుండి కొన్ని వందల రికార్డుల వరకు) ప్రారంభించండి మరియు పూర్తి డేటాబేస్‌తో ముందుకు సాగే ముందు, మీ వద్ద పనిచేసే బ్యాకప్ ఉందని నిర్ధారించుకోండి.

7. ప్లస్ వెబ్పిలోని రెండు మోడ్‌ల మధ్య మీరు ఎలా ఎంచుకుంటారు: అసలు చిత్రాన్ని ఉంచాలా లేక అసలు చిత్రాన్ని భర్తీ చేసి తొలగించాలా?

సులభమైన మాటలలో:

  • ఎంపిక 1: అసలు చిత్రాన్ని ఉంచుతూ + WebP/AVIF కాపీలను రూపొందించడం (మరింత నమ్మదగినది)తిరిగి మార్చడం సులభం, కానీ ఇది ఎక్కువ డిస్క్ స్థలాన్ని తీసుకుంటుంది (అసలు చిత్రం + కొత్త ఫార్మాట్ + బహుళ థంబ్‌నెయిల్ పరిమాణాలు).
  • పద్ధతి 2: అసలు చిత్రాన్ని మార్చడం మరియు తొలగించడం (మరింత తీవ్రమైనది): డిస్క్ విస్తరించే అవకాశం లేదు, కానీ మీరు ఆస్తులు మరియు సూచనలను సవరిస్తే, అనుకూలత సమస్యలను పరిష్కరించడం మరింత ఖరీదైనది అవుతుంది.
    సైట్ ఎంత క్లిష్టంగా ఉంటే (ఇ-కామర్స్, బహుళ ప్లగిన్‌లు, బహుళ పరిమాణాలు), అంతగా మేము ఒక స్థిరమైన విధానంతో ప్రారంభించాలని సిఫార్సు చేస్తున్నాము.

8. EWWW ఇమేజ్ ఆప్టిమైజర్ అందించే ఉచిత స్థానిక కంప్రెషన్ సరిపోతుందా? ఇది సర్వర్‌పై అదనపు భారాన్ని వేస్తుందా?

EWWW అనేది ఒక “స్థానిక కంప్రెషన్ టూల్” లాంటిది: ఇది CPU/IOని వినియోగిస్తుంది.
బ్యాచ్ ఆప్టిమైజేషన్ సమయంలో లోడ్ పెరగడం సర్వసాధారణం; దీని అర్థం సిస్టమ్ “విఫలమవుతోందని” కాదు, బదులుగా ఈ విధానం సరైనదని అర్థం: పనిని బ్యాచ్‌లుగా, తక్కువ రద్దీ సమయాల్లో చేయండి, మరియు అవసరమైన చోట, ఆఫ్‌లోడింగ్ లేదా క్లౌడ్ పరిష్కారాలను ఎంచుకోండి.
మీరు ఇబ్బంది లేని పరిష్కారం కోసం చూస్తున్నట్లయితే, లేదా మీ సర్వర్ వనరులు పరిమితంగా ఉన్నట్లయితే, ఆప్షన్ B సర్వర్‌కు మరింత అనుకూలమైనది.

9. షార్ట్‌పిక్సెల్ నెలకు 100 ఉచిత క్రెడిట్లను అందిస్తుంది, అయినా కేవలం కొన్ని చిత్రాలకే అవి అయిపోయినట్లు నాకు ఎందుకు అనిపిస్తుంది?

ఎందుకంటే “క్రెడిట్స్” అంటే 'చిత్రాల సంఖ్య' కాదు.”, థంబ్‌నెయిల్స్ మరియు నెక్స్ట్-జెన్ ద్వారా విస్తరించబడుతుంది:

  • ప్రతి థంబ్‌నెయిల్‌కు అసలు చిత్రం + క్రెడిట్
  • WebP/AVIF ఫైళ్లు రూపొందించబడితే, ప్రతి సంబంధిత వెర్షన్‌కు క్రెడిట్స్‌లో అదనపు ఖర్చు అవుతుంది.
    కాబట్టి మీరు “ఒకే చిత్రం” అనుకునేది వాస్తవానికి దాదాపు “రెండంకెల క్రెడిట్లను” ఉపయోగించుకోవచ్చు. షార్ట్‌పిక్సెల్

10. ఇమాజిఫై యొక్క ఉచిత 201 TP234T/నెల కోటా ఎందుకు అంత త్వరగా అయిపోతుంది?

ఇమేజిఫై ఒక “డేటా బండిల్” లాంటిది:

  • మీ సందేశం ప్రకారంఅసలు ఫైల్ పరిమాణంకోటా నుండి తగ్గించు
  • థంబ్‌నెయిల్స్ ఎంత ఎక్కువగా ఉంటే, వనరుల వినియోగం అంత ఎక్కువగా ఉంటుంది.
  • కంప్రెషన్ స్థాయిని మార్చడం మరియు తిరిగి ఆప్టిమైజ్ చేయడం వల్ల కోటా మళ్ళీ ఖర్చవుతుంది.
  • ఒకే API కీని, కోటాలు పంచుకోబడిన విధంగా, బహుళ సైట్‌లలో ఉపయోగించవచ్చు.
    కాబట్టి “20MB త్వరలో అయిపోతుంది” అనే సందేశం తరచుగా చిత్రాలు చాలా పెద్దవిగా ఉండటం, చాలా థంబ్‌నెయిల్స్ ఉండటం, లేదా పదేపదే ప్రయత్నించి తప్పు చేయడం వల్ల వస్తుంది.

11. TinyPNG నెలకు 500 ఉచిత క్రెడిట్లను అందిస్తుంది, కాబట్టి ప్లగిన్ నెలకు కేవలం 100 చిత్రాలు మాత్రమే అని ఎందుకు చెబుతోంది, మరియు WebP/AVIFని ప్రారంభించిన తర్వాత ఇది నెలకు 50 చిత్రాలకు ఎందుకు తగ్గిపోతుంది?

ఎందుకంటే “డైమెన్షన్స్/వేరియెంట్స్” కింద TinyPNG క్రెడిట్స్ కూడా పెంచబడ్డాయి:

  • ఒక ప్రామాణిక వర్డ్‌ప్రెస్ ఇన్‌స్టాలేషన్ సాధారణంగా నెలకు సుమారు 100 చిత్రాలను కంప్రెస్ చేస్తుంది.
  • AVIF లేదా WebP మార్పిడిని ప్రారంభించండి:ప్రతి చిత్ర పరిమాణానికి ఒక అదనపు క్రెడిట్ ఖర్చవుతుంది., కాబట్టి నేను బహుశా నెలకు సుమారు 50 చిత్రాలను మాత్రమే కంప్రెస్ చేసి మార్చగలను (థంబ్‌నెయిల్ పరిమాణాల సంఖ్యపై ఆధారపడి).
    కాబట్టి 500 క్రెడిట్లు అంటే 500 చిత్రాలు.

12. మా సైట్‌లో ఎన్ని థంబ్‌నెయిల్స్ ఉన్నాయి? వాటి ప్రభావం అంత గణనీయంగా ఎందుకు ఉంటుంది?

వర్డ్‌ప్రెస్‌లో ఒక చిత్రాన్ని అప్‌లోడ్ చేస్తే అది అనేక పరిమాణాలలో సృష్టించబడుతుంది; థీమ్‌లు మరియు ప్లగిన్‌లు (ముఖ్యంగా ఇ-కామర్స్ వాటికి సంబంధించినవి) మరిన్నింటిని కూడా సృష్టించవచ్చు.
క్లౌడ్ కంప్రెషన్ తో, క్రెడిట్లు లేదా కోటలు సాధారణంగా అసలు చిత్రం మరియు దాని థంబ్‌నెయిల్స్ యొక్క సంయుక్త మొత్తం ఆధారంగా లెక్కించబడతాయి, కాబట్టి ఎన్ని ఎక్కువ థంబ్‌నెయిల్స్ ఉంటే, ఉచిత పరిమితి అంత వేగంగా ఉపయోగించబడుతుంది.

13. లేజీ లోడింగ్ ఎల్లప్పుడూ వేగాన్ని పెంచుతుందా? లేజీ లోడింగ్ వాస్తవానికి వేగాన్ని తగ్గిస్తుందని కొంతమంది ఎందుకు అంటున్నారు?

లేజీ లోడింగ్ “ఆఫ్-స్క్రీన్ వనరులకు” అనువైనది.
మొదటి స్క్రీన్‌పై ఉన్న అత్యంత ముఖ్యమైన పెద్ద చిత్రం కూడా ఆలస్యమైతే, అది ప్రారంభ లోడింగ్ అనుభవాన్ని నెమ్మదింపజేయవచ్చు. వర్డ్‌ప్రెస్ 5.5 మరియు ఆ తర్వాతి వాటిలోని డిఫాల్ట్ లేజీ లోడింగ్ బాగున్నప్పటికీ, మీరు దానిని అన్నిచోట్లా వర్తింపజేయకూడదు.

14. నేను రూట్ A లేదా B తీసుకుంటే, నాకు CDN / ఇమేజ్ CDN ఎప్పుడు అవసరం?

కంప్రెషన్, ఫైల్ పరిమాణం మరియు ఫార్మాట్ అనేవి ఫైళ్లను చిన్నవిగా మరియు మరింత అనువైనవిగా చేయడం అనే సమస్యను పరిష్కరిస్తాయి;
CDN వేగవంతమైన మరియు మరింత విశ్వసనీయమైన డెలివరీని నిర్ధారిస్తుంది
చిత్రాలను దూరంగా ఉన్న ఆరిజిన్ సర్వర్ నుండి పొందడం వల్ల గణనీయమైన ఆలస్యం ఏర్పడినప్పుడు, ప్రతి చిత్రానికి CDN జోడించడం (ఉదా. క్లౌడ్‌ఫ్లేర్ పాలిష్ / జెట్‌ప్యాక్ సైట్ యాక్సిలరేటర్) సాధారణంగా మరింత స్థిరమైన అనుభవాన్ని అందిస్తుంది, కంటెంట్‌ను చదవడాన్ని సులభతరం చేస్తుంది. వర్డ్‌ప్రెస్ CDN యాక్సిలరేషన్

15. నేను పూర్తి చేసిన తర్వాత, అది నిజంగా పనిచేస్తుందో లేదో తనిఖీ చేయడానికి సులభమైన మార్గం ఏమిటి?

ధృవీకరించడానికి అత్యంత వేగవంతమైన మార్గం:

  • ఒకే పేజీని రెండవసారి రిఫ్రెష్ చేసినప్పుడు, లోడింగ్ ప్రక్రియ మరింత స్థిరంగా మరియు వేగంగా ఉంటుందా?
  • మొబైల్ మరియు డెస్క్‌టాప్ వెర్షన్‌ల మధ్య ఇమేజ్ పరిమాణంలో గమనించదగ్గ తేడా ఏదైనా ఉందా (`srcset` మరియు `sizes` ఆట్రిబ్యూట్‌లు ఉద్దేశించిన విధంగా పనిచేస్తున్నాయా)?
  • యాదృచ్ఛికంగా కొన్ని చిత్రాలను తనిఖీ చేయండి: వాటిలో ఏవైనా WebP లేదా AVIF ఫైళ్లు/వనరులు ఉన్నాయా?
  • కొన్ని చిత్రాలను చూడండి: అవి స్పష్టంగా మసకగా ఉన్నాయో లేదా టెక్స్ట్ అస్పష్టంగా కనిపిస్తోందో చూడటానికి జూమ్ చేయండి.