Attēlu iestatījumi
Viens no pirmajiem soļiem interneta veikala uzstādīšanā ir personalizēt mājaslapas 🏷️ logo, ⭐ ikonu un 🖼️ aizvietotāja bildes. Šos attēlus var nomainīt Admin paneļa uzstādījumos Mans veikals >> Dizaina iestatījumi >> Attēli.
Šie elementi ietekmē gan veikala vizuālo tēlu, gan lietotāja pirmo iespaidu par zīmolu.
Lai nodrošinātu labāko rezultātu, ieteicams ievērot zemāk norādītos formātus un izmērus 📐.
ℹ️ Vairāk informāciju par attēlu ieteicamajiem formātiem un failu izmēriem var iepazīties Attēli, izmēri un formāti pamācībā.
🏷️ Kā nomainīt logotipu?
Galvenais nosacījums pareiza logo ievietošanai ir tā formāts. 👇
💡 Ieteicamais formāts:
-
SVG — tas nezaudē kvalitāti, mainot izmērus un ir draudzīgs pārlūkprogrammām
-
Ja SVG nav pieejams, var izmantot PNG
🔍 Svarīgi:
SVG attēla izmēram nav nozīmes — tas dinamiski pielāgojas ekrānam.
Galvenais iemesls SVG formātam ir tas, ka tas, mainot savu izmēru, nezaudē kvalitāti. Tas vienmēr tiks attēlots iespējami augstākajā izšķirtspējā, kā arī tas aizņems vismazāk iespējamo datu daudzumu, padarot interneta veikala ielādi un lietošanu lietotājam ātrāku. SVG attēla izmēram nav nozīme. Tas nav vizuāls attēls noteiktos izmēros, kā tas ir ar PNG vai JPG failu formātiem. Tas ir interneta pārlūkam draudzīgs kods, pēc kura attēls tiek ģenerēts lietotāja ierīcē.
Ja tomēr nav iespējams izvēlēties vektorgrafisku logotipu, var lietot PNG formātu. Taču jāatceras, ka šī attēla kvalitāte var pasliktināties, atkarībā no mājaslapas apmeklētāja ekrāna izmēra un logotipa veidnes izmēra uzstādījuma.
Ja lieto PNG formātu, iesakām nepārsniegt šādus izmērus:
-
📏 platums: 500 px
-
📏 augstums: 60 px — tas labāk der logo rāmim un izvairās no izplūšanas.
Teorētiski iespējams lietot platāka izmēra logotipus, taču jāskatās, kā tas ietekmēs kopējo mājaslapas dizainu dažādos ekrāna izmēros.
Soļi, kā ievietot logo:
-
🖱️ Klikšķiniet virsū uz esošā logotipa.
-
✏️ Parādīsies zīmulīša un mistkastītes ikonas. Klikšķinam zīmulīti, lai nomainītu attēlu, klikšķinam uz mistkastītes, lai noņemtu attēlu.
-
📁 Atvērsies mājaslapas Attēlu pārvaldnieks. Visus mājaslapas attēlus varēsiet augšupielādēt un pārvaldīt, izmantojot šo rīku. Kreisajā augšējā stūrī ir pārvaldnieka rīkjosla. Ar šiem rīkiem iespējams (šādā secībā no kreisās uz labo pusi) pārvietoties pa mapēm, pārlādēt logu, augšupielādēt attēlu, izveidot jaunu mapi un izdzēst ieķeksētos failus un mapes.
-
📂 Klikšķinam uz vēlamās mapes, kur vēlamies saglabāt jauno logotipa failu, iesakām to saglabāt jau izveidotajā logo mapē.
-
⬆️ Klikšķinam uz Augšupielādēt zilo ikonu.
-
📷 Atvērsies lietotāja operētājsistēmas failu izvēles logs. Izvēlamies savu logotipa failu. Klikšķinam uz apstiprinājuma pogas un augšupielādējam to uz mājaslapas servera.
-
🖼️ Kad fails augšupielādēts, klikšķinam uz tā.
-
📌 Kad jaunais logotips ir izvēlēts, blakus attēlam parādīsies divi info logi - attēla izmērs un faila formāts.
Ja abi logi ir zaļi, viss ir lieliski! Mums ir optimizēts attēls pareizajā formātā, kas nodrošinās efektīvu mājaslapas darbību.
Ja faila izmēra logs ir sarkans - faila izmērs ir lielāks nekā rekomendēts logotipam. Tas ietekmēs veikala darbību un palēlinās visu lapu ielādi.
Ja faila formāts ir sarkans - izvēlēts nepareizais faila formāts, piemēram, JPG. Logotips mājaslapā šajā gadījumā var tikt attēlots neprecīzi, ar necaurspīdīgu fonu.
-
📌 Pēc izmaiņu veikšanas labajā pusē logotipam izvēlamies vēlamo logotipa izmēru Logotipa veidnes logā. Tur ir iespēja izvēlēties starp 3 dažādiem lielumiem.
-
💾 Kad vēlamās izmaiņas veiktas, nedrīkst aizmirst saglabāt izmaiņas! Lai saglabātu izmaiņas, klikšķinam uz tumši zilās disketes ikonas labajā augšējā stūrī.
-
🔄 Ieteikums arī atjaunot dizaina kešatmiņu pēc izmaiņu saglabāšanas, lai tās parādītos mājaslapā.
✍️ Nepieciešama jauna logotipa izstrāde?
Ja vēlaties uzlabot esošo uzņēmuma logotipu, attēla formātu vai izstrādāt jaunu, EcomCart portālā iespējams pasūtīt darbu, iesniedzot individuālo pieteikumu mūsu grafiskajam dizainerim.
⭐ Kā nomainīt ikonu?
Mājaslapas ikona jeb favikona ir svarīgs elements profesionāla interneta veikala dizainā — tā palīdz lietotājam ērti orientēties atvērtajās pārlūka cilnēs.
📏 Ieteicamais izmērs: 48 × 48 px
📁 Formāts: PNG
🎨 Ieteicams izvēlēties kantainu, labi salasāmu ikonu — bieži vien tas ir logotipa simbols vai pirmais burts no uzņēmuma nosaukuma.
Soļi, kā nomainīt ikonu:
-
🖱️ Klikšķinam ar peles klikšķi virsū uz esošās ikonas.
-
✏️ Parādīsies zīmulīša un mistkastītes ikonas. Klikšķinam zīmulīti, lai nomainītu attēlu, klikšķinam uz mistkastītes, lai noņemtu attēlu.
-
📁 Atvērsies mājaslapas Attēlu pārvaldnieks. Visus mājaslapas attēlus varēsiet augšupielādēt un pārvaldīt, izmantojot šo rīku. Kreisajā augšējā stūrī ir pārvaldnieka rīkjosla. Ar šiem rīkiem iespējams (šādā secībā no kreisās uz labo pusi) pārvietoties pa mapēm, pārlādēt logu, augšupielādēt attēlu, izveidot jaunu mapi un izdzēst ieķeksētos failus un mapes.
-
📂 Klikšķinam uz vēlamās mapes, kur vēlamies saglabāt jauno ikonas failu, iesakām to saglabāt jau izveidotajā logo mapē, tur pat kur glabājam mājaslapas ikonu, lai vieglāk orientēties.
-
Klikšķinam uz Augšupielādēt zilo ikonu.
-
Atvērsies lietotāja operētājsistēmas failu izvēles logs. Izvēlamies savu favikonas failu. Klikšķinam uz apstiprinājuma pogas un augšupielādējam to uz mājaslapas servera.
-
🖼️ Kad fails augšupielādēts, klikšķinam uz tā.
-
Kad jaunā ikona izvēlēta tā attēlosies Dizaina iestatījumu logā tieši zem Logotipa attēla. Tā attēlosies graudaina mazā faila izmēra dēļ, bet par to neuztraucieties, jo lietotāja pārlūkprogrammā tā būs pietiekami augstā izšķirtspējā.
-
💾 Kad vēlamās izmaiņas veiktas, nedrīkst aizmirst saglabāt izmaiņas! Lai saglabātu izmaiņas, klikšķinam uz tumši zilās disketes ikonas labajā augšējā stūrī.
-
🔄 Ieteikums arī atjaunot dizaina kešatmiņu pēc izmaiņu saglabāšanas, lai tās parādītos mājaslapā.
✍️ Nepieciešama jaunas ikonas izstrāde?
Ja vēlaties uzlabot esošo uzņēmuma ikonu, attēla formātu vai izstrādāt jaunu, EcomCart portālā iespējams pasūtīt darbu, iesniedzot individuālo pieteikumu mūsu grafiskajam dizainerim. Ja būsiet jau pasūtījuši logotipa izstrādi, mūsu dizaineris nodrošinās favikonu un aizstājējbildi tā paša pasūtījuma ietvaros.
🖼️ Kas ir aizvietotāja bilde?
Aizvietotāja bilde tiek parādīta produktiem, kuriem nav pievienots attēls — tā palīdz saglabāt veikala vizuālo stilistiku un profesionālu izskatu. Ja netiek norādīta aizvietotāja bilde, tā veikalā tiks attēlota šādi:
Profesionālas aizvietotāja bildes gadījumā tā tiks attēlota groziņa ikonas vietā.
💡 Ieteikumi aizvietotāja attēlam:
-
📏 izmērs: 800 × 800 px
-
⚪ balts fons (vai dizainam atbilstošs tonis)
-
🖼️ kantains (kvadrātveida) attēls
📌 Padoms:
Lai aizvietotāja attēls nesaistītu pārāk lielu uzmanību, iespējams nedaudz samazināt tā kontrastu vai caurspīdību, lai tas izskatās dabīgāks produkta kontekstā. Zemāk attēls ar piemēru, kā iesakām sagatavot Aizvietotāja bildi:
🛠️ Nepieciešama aizvietotāja bildes, logotipa vai ikonas izstrāde?
Ja vēlaties izveidot veikala aizvietotāja bildi, EcomCart portālā iespējams pasūtīt darbu, iesniedzot Individuālo pieteikumu mūsu grafiskajam dizainerim. Ja būsiet jau pasūtījuši logotipa izstrādi, mūsu dizaineris nodrošinās favikonu un aizstājējbildi tā paša pasūtījuma ietvaros.