Pagalba
Prisijungti

Vaizdų įkėlimas

Galite naudoti įvairių tipų vaizdus, pvz., įmonės logotipą, produktų vaizdus, skaidrių demonstracijas, reklaminius skydelius ir tinklaraščio įrašų vaizdus. Taip pat galite keisti savo vaizdus apkirpdami ir keisdami jų dydį bei tinkinti savo medijos nustatymus temoje, kad pakeistumėte visos jūsų parduotuvėje rodomos medijos rėmelį ar šešėlį.

Kad vaizdai jūsų internetinėje parduotuvėje būtų rodomi tiksliai taip, kaip norite, turite naudoti tinkamas vaizdo proporcijas. Vaizdai automatiškai optimizuojami jūsų vitrinai naudojant „Shopify“ turinio pristatymo tinklą (CDN).

Šiame puslapyje

Vaizdo įkėlimas temos redaktoriuje

Vaizdų į savo temą galite pridėti temos redaktoriuje. Taip pat galite įkelti vaizdų „Shopify“ administratoriaus skydelio skiltyje Turinys > Failai. Norėdami sužinoti daugiau, žr. Failų įkėlimas ir tvarkymas.

Veiksmai:

Stalinis kompiuteris

  1. Savo „Shopify“ administratoriaus skydelyje eikite į Internetinė parduotuvė > Temos.

  2. Spustelėkite Redaguoti temą ties ta tema, kuriai norite įkelti vaizdą.

  3. Nebūtina: jei norite pridėti vaizdą į kitą parduotuvės puslapį, o ne į pagrindinį puslapį, spustelėkite išskleidžiamąjį meniu Pagrindinis puslapis, tada pasirinkite šabloną, kurį norite redaguoti.

  4. Temos redaktoriaus šoninėje juostoje spustelėkite sekciją arba bloką, į kurį norite pridėti vaizdą.

  5. Lauke Vaizdas atlikite vieną iš šių veiksmų:

    • Norėdami įkelti vaizdą iš savo kompiuterio, atlikite šiuos veiksmus:
      1. Spustelėkite Pasirinkti vaizdą > Pridėti vaizdų.
      2. Savo kompiuteryje suraskite ir atidarykite vaizdą.
      3. Spustelėkite Atlikta.
    • Norėdami naudoti nemokamą standartinį vaizdą iš „Burst“, atlikite šiuos veiksmus:
      1. Spustelėkite Naršyti nemokamus vaizdus.
      2. Raskite vaizdą, kurį norite naudoti.
      3. Spustelėkite Pasirinkti.

  6. Spustelėkite Išsaugoti.

Mobilusis įrenginys

  1. „Shopify“ programėlėje bakstelėkite Meniu piktogramą.

  2. Skiltyje Pardavimo kanalai bakstelėkite Internetinė parduotuvė.

  3. Bakstelėkite Tvarkyti visas temas.

  4. Prie temos, į kurią norite įkelti vaizdą, bakstelėkite Redaguoti temą.

  5. Pasirinktinai: jei norite pridėti vaizdą į kitą parduotuvės puslapį, o ne į pagrindinį, bakstelėkite išskleidžiamąjį meniu Pagrindinis puslapis, tada pasirinkite šabloną, kurį norite redaguoti.

  6. Bakstelėkite Skiltys, tada bakstelėkite skiltį arba bloką, į kurį norite pridėti vaizdą.

  7. Lauke Vaizdas atlikite vieną iš šių veiksmų:

    • Norėdami įkelti vaizdą iš savo įrenginio, atlikite šiuos veiksmus:
      1. Bakstelėkite Pasirinkti vaizdą > Pridėti vaizdų.
      2. Savo įrenginyje raskite ir atidarykite vaizdą.
      3. Bakstelėkite Atlikta.
    • Norėdami naudoti nemokamą standartinį vaizdą iš „Burst“, atlikite šiuos veiksmus:
      1. Bakstelėkite Naršyti nemokamus vaizdus.
      2. Raskite vaizdą, kurį norite naudoti.
      3. Bakstelėkite Atlikta.

  8. Bakstelėkite Išsaugoti arba ✓.

Vaizdų pridėjimas naudojant metalaukus

Jei vaizdams esate nustatę metalaukus, galite naudoti dinaminį šaltinio parinkiklį, kad pridėtumėte vaizdą į savo internetinę parduotuvę. Daugiau informacijos apie metalaukus ir palaikomus vaizdų formatus rasite temoje Reikšmių pridėjimas prie metalaukų.

Židinio taško nustatymas vaizde

Galite naudoti židinio taškus, kad apibrėžtumėte svarbiausią vaizdo dalį savo internetinėje parduotuvėje. Nustatę vaizdo židinio tašką, paverčiate jį fokusuojama sritimi. Židinio taškai visada rodomi kadre, net jei Jūsų tema apkerpa vaizdą, kad pritaikytų jį prie išdėstymo. Židinio taškai suteikia daugiau kontrolės, kaip vaizdas rodomas esant skirtingiems ekrano dydžiams ir tais atvejais, kai temose naudojami skirtingi kraštinių santykiai.

Vienam vaizdui galite nustatyti tik vieną židinio tašką, tačiau jį bet kada galite pakeisti arba pašalinti.

Židinio taško suderinamumas su nemokamomis „Shopify“ temomis

Židinio tašką galite nustatyti šiose nemokamų „Shopify“ temų versijose:

  • Visose „Horizon“ šeimos temose
  • Colorblock 3.0.0 ir naujesnės versijos
  • Craft 5.0.0 ir naujesnės versijos
  • Crave 5.0.0 ir naujesnės versijos
  • Dawn 7.0.0 ir naujesnės versijos
  • Origin 1.0.0 ir naujesnės versijos
  • Publisher 1.0.0 ir naujesnės versijos
  • Refresh 2.0.0 ir naujesnės versijos
  • Ride 3.0.0 ir naujesnės versijos
  • Rise 1.0.0 ir naujesnės versijos
  • Sense 5.0.0 ir naujesnės versijos
  • Spotlight 0.0.1 ir naujesnės versijos
  • Studio 4.0.0 ir naujesnės versijos
  • Taste 4.0.0 ir naujesnės versijos
  • Trade 1.0.0 ir naujesnės versijos

Jei naudojate trečiosios šalies temą, peržiūrėkite temos dokumentaciją, kad sužinotumėte, ar Jūsų tema palaiko židinio taškų naudojimą.

Židinio taško pridėjimas prie vaizdo

Jei prie vaizdo pridėsite židinio tašką ir tada tą vaizdą naudosite keliose savo internetinės parduotuvės vietose, tas pats židinio taškas bus taikomas visur, kur naudosite vaizdą.

Atsižvelgiant į tai, kaip Jūsų tema apkerpa ir keičia vaizdų dydį, židinio taškas ne visada gali būti vizualiai centruotas.

Veiksmai:

  1. Spustelėkite vaizdą bet kurioje iš toliau nurodytų „Shopify“ administratoriaus skilties vietų:
    • Skiltyje Turinys > Failai.
    • Temų rengyklėje.
    • Produktų skelbimų skiltyje Medija, esančioje skiltyje Produktai.
    • „Shopify Messaging“ el. laiškų rengyklėje.
    • Bet kurio ištekliaus skiltyje Metalaukai, kuriame yra Failo nuorodos tipo metalaukas, skirtas vaizdui pridėti.
  2. Norėdami pasirinkti vaizdo dalį, kurioje norite nustatyti židinio tašką, spustelėkite vaizdą arba vilkite mėlyną tašką.
  3. Spustelėkite Išsaugoti.

Židinio taško pašalinimas iš vaizdo

Veiksmai:

  1. Spustelėkite vaizdą bet kurioje iš toliau nurodytų „Shopify“ administratoriaus skilties vietų:
    • Skiltyje Turinys > Failai.
    • Temų rengyklėje.
    • Produktų skelbimų skiltyje Medija, esančioje skiltyje Produktai.
    • „Shopify Messaging“ el. laiškų rengyklėje.
    • Bet kurio ištekliaus skiltyje Metalaukai, kuriame yra Failo nuorodos tipo metalaukas, skirtas vaizdui pridėti.
  2. Spustelėkite Pašalinti.
  3. Spustelėkite Išsaugoti kaip naują.

Vaizdų formatai

Palaikomi šie vaizdo formatai:

  • JPEG
  • Progresyvusis JPEG
  • PNG
  • GIF
  • HEIC
  • WebP

JPEG vaizdų naudojimas

JPEG vaizdai idealiai tinka nuotraukoms ir kitiems nejudantiems vaizdams su sudėtingomis spalvomis. JPEG formatas turi milijonų spalvų paletę. JPEG taip pat naudoja nuostolingą glaudinimą, kuris gali padėti išlaikyti greitą puslapio įkėlimo laiką be pastebimo vaizdo kokybės praradimo. Naudokite JPEG formatą toliau nurodytų tipų vaizdams:

  • produktai
  • reklamjuostės arba skaidrių demonstracijos
  • puslapiai ir tinklaraščio įrašai

PNG vaizdų naudojimas

PNG vaizdai idealiai tinka grafikai ir piktogramoms su vientisomis spalvomis ir be gradientų. PNG formatas taip pat palaiko vaizdų skaidrumą. Naudokite PNG formatą toliau nurodytų tipų vaizdams:

  • logotipai
  • piktogramos
  • kraštinės ir apdailos

Automatinis vaizdų glaudinimas ir formato parinkimas

Kai įkeliate vaizdus į „Shopify“ administratorių, jie nėra glaudinami, o tai padeda išlaikyti jų pradinę kokybę. Tačiau, siekiant užtikrinti greitą puslapio įkėlimo laiką Jūsų klientams, gali nutikti šie dalykai:

  • Kai vaizdai pateikiami per Jūsų parduotuvės temą, jie gali būti glaudinami siekiant išlaikyti aukštą vaizdų kokybę
  • „Shopify“ automatiškai nustato geriausią įmanomą failo formatą, kurį reikia naudoti pateikiant Jūsų vaizdus
  • Kai kliento naršyklė palaiko modernius vaizdo formatus, pavyzdžiui, WebP ir AVIF (AV1 vaizdo failų formatą), Jūsų vaizdai pateikiami šiais formatais
  • GIF failai automatiškai konvertuojami į animuotą WebP formatą, kad būtų pagerintas veikimas sumažinant failo dydį

Norėdami pasiekti geriausią vaizdo kokybę, apsvarstykite šiuos veiksmus:

  • Įkelkite didesnės raiškos vaizdus – iki 5 000 x 5 000 piks. arba 25 megapikselių
  • Linijiniams brėžiniams, tekstui ir piktogramų grafikai su skaidrumu rinkitės mažiau nuostolingus vaizdų tipus, pavyzdžiui, PNG
  • Produktų vaizdams ar skaidrių demonstracijoms naudokite JPEG formatą
  • SVG failai yra palaikomi, tačiau turi apribojimų – jų negalima transformuoti (keisti dydžio, apkirpti ir t. t.), nepateikus užklausos dėl rastrinio formato (JPEG, WebP, PNG)

Kiti failų tipai, pavyzdžiui, PSD („Photoshop Document“), TIFF („Tagged Image File Format“) ir BMP („Bitmap“), yra priimami, bet įkėlimo metu bus konvertuoti į JPEG/PNG.

Vaizdų įkėlimo limitai

Vaizdų įkėlimai į „Shopify“ turi apribojimų, susijusių su megapikseliais (MP) ir failo dydžiu, kuris matuojamas megabaitais (MB). Megapikseliais nurodoma, kiek milijonų pikselių sudaro vaizdą. Megabaitais nurodoma, kiek milijonų baitų atminties ar disko vietos užima vaizdas.

Į „Shopify“ įkeliami vaizdai negali viršyti nė vieno iš šių limitų:

  • 20 megapikselių
  • 20 megabaitų

Norėdami sužinoti savo vaizdo megapikselių vertę, galite naudoti šią lygtį:

(pikselių plotis x pikselių aukštis) / 1 000 000

Pavyzdžiui, 4 900 x 6 930 piks. raiškos vaizdas pagal lygtį yra 33,9 megapikselio: (4900x6930)/1 000 000 = 33,9 MP.

Vaizdų spalvų profiliai

Kai peržiūrite vaizdą savo internetinėje parduotuvėje, jame esančios spalvos gali atrodyti kitaip nei originaliame vaizde, kurį įkeliate į „Shopify“. Taip gali nutikti, kai vaizdas turi spalvų profilį, t. y. duomenų rinkinį, saugomą faile su plėtiniu .ICC arba .ICM.

Spalvų profiliai dažnai integruojami į vaizdus, kad būtų standartizuotas spalvų rodymas skirtinguose įrenginiuose. Kai vaizdai rodomi Jūsų internetinėje parduotuvėje, jų spalvų profiliai pašalinami.

Spalvų profiliai pašalinami dėl šių priežasčių:

  • Ne visi įrenginiai gali nuskaityti .ICC ar .ICM spalvų profilius, todėl jų palikimas gali lemti vaizdo spalvų neatitikimus įvairiuose įrenginiuose.
  • Kai įkeltame vaizde nėra spalvų profilio, naršyklė numano, kad naudojamas sRGB profilis – labiausiai paplitęs spalvų profilis, naudojamas vaizdams rodyti internete. Tai užtikrina, kad Jūsų vaizdai bus rodomi vienodai visose pagrindinėse naršyklėse ir įrenginiuose.
  • Spalvų profiliai gali užimti daug vietos diske, o tai gali pailginti puslapio įkėlimo laiką.

Spalvų profilio pašalinimas iš vaizdo

Spalvų profilį iš vaizdo galite pašalinti prieš įkeldami jį į „Shopify“, išsaugodami vaizdą be spalvų profilio. Šis procesas priklauso nuo Jūsų naudojamos vaizdų redagavimo programos.

Peržiūrėkite „Adobe“ dokumentaciją, kaip priskirti arba pašalinti spalvų profilį (Illustrator, Photoshop) ir priskirti arba pašalinti spalvų profilį (InDesign).

Geriausia praktika, taikoma skaidrių demonstracijoms, reklamjuostėms ir viso pločio vaizdams

Daugelyje „Shopify“ temų yra didelių vaizdų arba skaidrių demonstracijų, kurių mastelis keičiamas pagal naršyklės aukštį arba pritaikomas pagal ekrano dydį.

Jei naudojate vieną iš šių temų arba turite didelę skaidrių demonstraciją ar fono paveikslėlį, turite suprasti, kokių tipų vaizdai rodomi geriausiai.

Kadangi dideli vaizdai netelpa visuose įrenginiuose, „Shopify“ kartais rodo tik dalį vaizdo, priklausomai nuo naudojamo įrenginio. Jei Jūsų vaizdų skaidrių demonstracijoje yra daug didelių vaizdų, galite pastebėti, kad kai kurios vaizdų dalys yra nematomos.

Svarstymai dėl vaizdų naudojimo skaidrių demonstracijose ar reklamjuostėse

Kad Jūsų vaizdai gerai derėtų su Jūsų tema, atsižvelkite į šiuos dalykus:

  • Vaizduose, kuriuos naudojate skaidrių demonstracijoms ar fonams, neturėtų būti teksto. Jei tekstas yra paties vaizdo dalis, jis gali būti perkeltas, apkirptas ar pakoreguotas atsižvelgiant į Jūsų temą. Naudokite temos rengyklę, kad pridėtumėte tekstą ir nuorodas prie skaidrių demonstracijų ir fonų.

  • Skaidrių demonstracijose arba fone naudojamiems vaizdams rinkitės paprastus vaizdus, kad bet koks ant viršaus esantis tekstas būtų lengvai skaitomas.

Platūs vaizdai aukštuose ekranuose

Platūs vaizdai gali būti apkirpti iš kairės ir dešinės, kai juos peržiūrintis įrenginys turi aukštą ekraną, pavyzdžiui, mobilusis telefonas arba planšetė, naudojama portreto režimu. Toliau pateiktame pavyzdyje, jei svarbiausia vaizdo dalis yra žmonės, galite dešinėje vaizdo pusėje nustatyti židinio tašką.

Platūs vaizdai aukštuose ekranuose

Aukšti vaizdai plačiuose ekranuose

Aukšti vaizdai gali būti apkirpti iš viršaus ir apačios, kai juos peržiūrintis įrenginys turi platų ekraną, pavyzdžiui, nešiojamasis arba stalinis kompiuteris. Toliau pateiktame pavyzdyje, jei svarbiausia vaizdo dalis yra batai, galite vaizdo apačioje nustatyti židinio tašką.

Aukšti vaizdai plačiuose ekranuose

Vaizdo įkėlimo elgsena

Apsilankę savo internetinės parduotuvės puslapyje galite pastebėti, kad iš pradžių vaizdai atrodo šiek tiek neryškūs, o po akimirkos paryškėja. Tai yra numatytas veikimas, kuris padeda pagerinti Jūsų parduotuvės įkėlimo greitį ir vartotojo patirtį.

„Shopify“ temos naudoja metodą, vadinamą atidėtuoju įkėlimu, kuris pirmiausia įkelia mažesnę vaizdo versiją, o viso dydžio vaizdas įkeliamas fone. Tai leidžia klientams iškart peržiūrėti turinį, nelaukiant, kol bus visiškai įkelti dideli vaizdai. Procesas paprastai užtrunka mažiau nei sekundę, tačiau sukuria įspūdį, kad Jūsų parduotuvė įkeliama greičiau.

Šis metodas ypač naudingas parduotuvėms, kuriose gausu vaizdų, nes jis ženkliai pagerina pradinį puslapio įkėlimo laiką ir suteikia klientams tiesioginį vaizdinį grįžtamąjį ryšį.

Vaizdų trikčių šalinimas

Vaizdas neatsinaujina pakeitus failo tipą

Kai bandote pakeisti esamą vaizdą nauju, kitokio failo tipo, vaizdu, naujasis vaizdas gali būti rodomas ne taip, kaip tikėtasi. Pavyzdžiui, jei JPEG vaizdą pakeisite PNG arba GIF vaizdu, vaizdas gali neturėti norimo skaidrumo ar animacijos.

Taip gali nutikti atnaujinant vaizdus šiose srityse:

  • Kolekcijos vaizdai
  • Tinklaraščio įrašų rodomi vaizdai
  • Dovanų kortelių vaizdai el. pašto pranešimuose

Failo tipą galite patikrinti atlikdami šiuos veiksmus:

  1. Savo „Shopify“ administratoriaus skydelyje eikite į puslapį, kuriame įkeltas vaizdas.
  2. Dešiniuoju pelės mygtuku spustelėkite vaizdą.
  3. Spustelėkite Atidaryti vaizdą naujame skirtuke.
  4. Peržiūrėkite URL, kad patvirtintumėte failo plėtinį, pvz., .png, .jpeg arba .gif.

Jei norite pakeisti paveikslėlio failo tipą, atlikite šiuos veiksmus:

  1. Savo „Shopify“ administratoriaus skydelyje eikite į puslapį, kuriame norite atnaujinti vaizdą.
  2. Šalia vaizdo spustelėkite Redaguoti, tada spustelėkite Pašalinti.
  3. Spustelėkite Išsaugoti.
  4. Atnaujinkite puslapį.
  5. Įkelkite naują vaizdą su norimu failo tipu.
  6. Spustelėkite Išsaugoti.