{"id":170,"date":"2022-12-08T13:51:38","date_gmt":"2022-12-08T13:51:38","guid":{"rendered":"https:\/\/blog.hostinger.io\/lt\/support\/2022\/12\/08\/6466243-svetainiu-kurimo-irankis-hostinger-adaptyvusis-svetaines-dizainas-ir-rekomendacijos-vizualams\/"},"modified":"2022-12-08T13:51:38","modified_gmt":"2022-12-08T13:51:38","slug":"6466243-svetainiu-kurimo-irankis-hostinger-adaptyvusis-svetaines-dizainas-ir-rekomendacijos-vizualams","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/lt\/support\/6466243-svetainiu-kurimo-irankis-hostinger-adaptyvusis-svetaines-dizainas-ir-rekomendacijos-vizualams\/","title":{"rendered":"Svetaini\u0173 K\u016brimo \u012erankis Hostinger: Adaptyvusis Svetain\u0117s Dizainas ir Rekomendacijos Vizualams"},"content":{"rendered":"<p class=\"no-margin\">Visi <b><a href=\"https:\/\/www.hostinger.lt\/svetaines-kurimas\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Hostinger svetaini&#371; k&#363;rimo &#303;rankyje<\/a><\/b> prieinami &scaron;ablonai yra sukurti<b> <\/b>vadovaujantis <b><a href=\"https:\/\/www.hostinger.com\/tutorials\/website-terminology#Responsiveness\" target=\"_blank\" class=\"intercom-content-link\">adaptyviojo projektavimo<\/a><\/b> principu, kuris u&#382;tikrina geriausi&#261; lankytojo patirt&#303;. Adaptyvusis svetain&#279;s dizainas (angl. <i>responsive web design<\/i>) rei&scaron;kia, jog <b>svetain&#279;s turinys automati&scaron;kai adaptuojasi<\/b> &ndash; ne&#382;ymiai susitraukia ar i&scaron;siple&#269;ia &ndash; <b>priklausomai nuo &#303;renginio, naudojamo svetain&#279;je nar&scaron;yti, ekrano parametr&#371; <\/b>(ekrano dyd&#382;io, rezoliucijos ir kt.). <\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Tokiu b&#363;du u&#382;tikrinama, kad svetain&#279; atrodys tvarkingai ir patraukliai nepaisant to, kok&#303; &#303;rengin&#303; naudoja svetain&#279;s lankytojas: kompiuter&#303;, plan&scaron;et&#281; ar mobil&#371;j&#303; telefon&#261;.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Tai rei&scaron;kia, kad <b>n&#279;ra vieno rekomenduojamo dyd&#382;io svetain&#279;je naudojamiems vizualams<\/b>. Atminkite, jog galite lengvai <b><a href=\"\/lt\/support\/6491230-svetainiu-kurimo-irankis-kaip-keisti-elementu-ir-skilciu-dydi\" target=\"_blank\" class=\"intercom-content-link\">keisti paveiksl&#279;lio element&#371; dyd&#303; ir skil&#269;i&#371; auk&scaron;t&#303;<\/a><\/b> rankiniu b&#363;du.<\/p><p class=\"no-margin\">\n<\/p><h1 id=\"h_a0f6ef0ed2\">Pastabos ir patarimai<\/h1><ul>\n<li>\n<p class=\"no-margin\">Did&#382;iausias galimas paveiksl&#279;lio failo dydis yra <b>15 MB<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Rekomenduojamas vizual&#371; formatas yra <b>.webp<\/b>, ta&#269;iau svetaini&#371; k&#363;rimo &#303;rankis palaiko ir daugel&#303; kit&#371; (i&scaron;skyrus <b>.heic<\/b>); kai kurie SEO audito &#303;rankiai .png ar .jpg formato vizualus gali pa&#382;ym&#279;ti kaip &bdquo;klaid&#261;&ldquo;, nes tikimasi, jog svetain&#279;je talpinami paveiksl&#279;liai bus optimaliausio, svetain&#279;ms tinkamiausio formato (t.y., <b>.webp<\/b> ar<b> .avif<\/b>) <\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Svetaini&#371; k&#363;rimo &#303;rankis automati&scaron;kai nekonvertuoja paveiksl&#279;li&#371; (nekei&#269;ia j&#371; formato), ta&#269;iau juos <b>suspaud&#382;ia<\/b>,<b> <\/b>pvz.: <b><a href=\"https:\/\/assets.zyrosite.com\/YanOrZx36wUk8XVJ\/12123231-Y4LlaDGvaDI4yxOv.jpg\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">originalus<\/a><\/b> ir <b><a href=\"https:\/\/assets.zyrosite.com\/cdn-cgi\/image\/format=auto,w=282,fit=crop\/YanOrZx36wUk8XVJ\/12123231-Y4LlaDGvaDI4yxOv.jpg\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">suspaustas<\/a><\/b>; suspaustas paveiksl&#279;lis yra ma&#382;esnis ir gali b&#363;ti ma&#382;esn&#279;s rai&scaron;kos, ta&#269;iau jis taip pat tampa daug lengvesnis (suspaustas = 5 kB, originalus = 64 kB) &ndash; taip u&#382;tikrinamas geriausias puslapio krovimo greitis. <\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Rekomenduojama vengti vizual&#371; pla&#269;iomis kra&scaron;tin&#279;mis; pavyzd&#382;iui, auk&scaron;&#269;iau pateiktas paveiksl&#279;lis turi daug vienspalvio juodo fono &scaron;onuose, tad kompresijos metu ne&#303;manoma nustatyti, ar tas fonas yra vizualiai vertingas; d&#279;l to, paveiksl&#279;lis smarkiai suspaud&#382;iamas i&scaron;laikant originalias jo proporcijas<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Rekomenduojami <b><a href=\"\/lt\/support\/6466412-svetainiu-kurimo-irankis-puslapius-iliustruojantys-paveiksleliai\" target=\"_blank\" class=\"intercom-content-link\">puslap&#303; iliustruojan&#269;io paveiks&#279;lio<\/a><\/b> i&scaron;matavimai yra <b>1200&times;630 PX <\/b>(ilgis:auk&scaron;tis)<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Rekomenduojamas <b><a href=\"\/lt\/support\/6435805-svetainiu-kurimo-irankis-kaip-prideti-logotipa\" target=\"_blank\" class=\"intercom-content-link\">logotipo<\/a> <\/b>formatas yra <b>.png<\/b> arba <b>.svg<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Rekomenduojami <b><a href=\"\/lt\/support\/6811698-svetainiu-kurimo-irankis-produktu-nuotrauku-proporcijos\" target=\"_blank\" class=\"intercom-content-link\">produkto nuotrauk&#371;<\/a><\/b> i&scaron;matavimai yra <b>600&times;600 <\/b>arba <b>900&times;900 PX<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Venkite kelti failus, kuri&#371; pavadinimuose yra tarp&#371; ar speciali&#371;\/nelotyni&scaron;k&#371; simboli&#371;<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Venkite naudoti .GIF formato vizualus: jie gali sul&#279;tinti puslap&#303;<\/p>\n<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Su\u017einokite, kaip veikia Hostinger svetaini\u0173 k\u016brimo \u012frankis ir \u012f k\u0105 atkreipti d\u0117mes\u012f renkantis paveiksl\u0117li\u0173 ir nuotrauk\u0173 dyd\u017eius<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[255],"tags":[],"class_list":["post-170","post","type-post","status-publish","format-standard","hentry","category-dizainas"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6466243-hostinger-website-builder-responsive-web-design-and-image-size\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6466243-hostinger-creador-de-sitios-web-diseno-web-adaptable-y-tamano-de-las-imagenes\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6466243-hostinger-createur-de-site-web-conception-web-reactive-et-taille-de-l-image\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6466243-hostinger-website-builder-responsive-web-design-dan-ukuran-gambar\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6466243-svetainiu-kurimo-irankis-hostinger-adaptyvusis-svetaines-dizainas-ir-rekomendacijos-vizualams\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6466243-hostinger-criador-de-sites-design-visual-responsivo-e-tamanho-de-imagem\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/lt\/support\/wp-json\/wp\/v2\/posts\/170","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/lt\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/lt\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/lt\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/lt\/support\/wp-json\/wp\/v2\/comments?post=170"}],"version-history":[{"count":0,"href":"https:\/\/www.hostinger.com\/lt\/support\/wp-json\/wp\/v2\/posts\/170\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/lt\/support\/wp-json\/wp\/v2\/media?parent=170"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/lt\/support\/wp-json\/wp\/v2\/categories?post=170"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/lt\/support\/wp-json\/wp\/v2\/tags?post=170"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}