Vývoj Archivy - Digitální agentura Softema https://softema.cz/category/vyvoj/ Zaměřujeme se na tvorbu e-shopů, správu PPC a SEO. Wed, 22 Apr 2026 08:19:56 +0000 cs hourly 1 https://wordpress.org/?v=6.9.1 https://softema.cz/wp-content/uploads/2022/09/cropped-FaviconS-32x32.png Vývoj Archivy - Digitální agentura Softema https://softema.cz/category/vyvoj/ 32 32 AI programování: co dnes zvládne bez programátora https://softema.cz/ai/ai-programovani-co-dnes-zvladne-bez-programatora/ Wed, 22 Apr 2026 08:19:53 +0000 https://softema.cz/?p=6645 Článek AI programování: co dnes zvládne bez programátora se nejdříve objevil na Digitální agentura Softema.

]]>
ProfilphotoM
AI_programovani (6)

AI programování, tedy programování pomocí umělé inteligence, se v posledních letech výrazně posunulo a mění způsob, jak dnes vznikají weby i aplikace. 

Nástroje označované jako „vibe coding“, od generativních asistentů typu ChatGPT až po nástroje, které dokážou rovnou vytvářet weby nebo aplikace, dnes zvládno generovat kód, navrhovat řešení a vytvářet funkční weby i bez hlubších technických znalostí. V článku si ukážeme, co dnes AI skutečně zvládne vytvořit, kde naráží na limity a proč je i nadále důležité, aby měl celý projekt jasné vedení a kontext. 

 

Co je „vibe coding“ a proč se o něm mluví

Pojmem vibe coding se označuje přístup k AI programování, kdy místo klasického psaní kódu zadáváme umělé inteligenci požadavky přirozeným jazykem a ona na jejich základě navrhuje nebo přímo generuje řešení. Nejde tedy o ruční psaní jednotlivých řádků, ale spíš o řízení celého procesu pomocí zadání.

V praxi to může vypadat jednoduše: popíšete, jak má stránka nebo konkrétní funkce fungovat, a nástroj vám připraví návrh řešení. Nástroje, od generativních asistentů typu ChatGPT až po platformy, které dokážou rovnou vytvářet weby nebo aplikace, dnes zvládnou pracovat s návrhem struktury, funkcemi i napojením na další systémy.

Pro firmy v České republice to znamená hlavně jedno – vývoj se výrazně zrychluje a otevírá se i lidem, kteří dříve programovat neuměli. Zároveň se ale mění role samotného vývoje, protože důležitější než samotné psaní kódu je schopnost správně definovat zadání a řídit celý proces.

 

vibe_coding (1)

Co dnes AI opravdu zvládne vytvořit

Pokud se podíváme na reálné využití AI programování, zjistíme, že dnes zvládne překvapivě široké spektrum úkolů. Nejde jen o jednoduché ukázky, ale o řešení, která mají reálné využití v byznysu a dají se nasadit i v praxi.

Typicky dokáže:

  • vytvořit základ webové stránky nebo landing page – tedy stránku určenou pro konkrétní nabídku nebo kampaň, která se hodí například při rychlém testování nového produktu nebo služby.
  • navrhnout a částečně naprogramovat e-shopové funkce – například filtrování produktů, nákupní košík nebo jednoduché napojení na platební bránu.
  • generovat kód pro automatizace – tedy procesy, které šetří čas, například automatické zpracování objednávek nebo přenos dat mezi systémy.
  • vytvořit prototyp aplikace – první verzi řešení, na které si ověříte, jestli dává smysl investovat do plného vývoje.
  • upravovat nebo rozšiřovat existující web – například doplnit nové funkce, upravit formuláře nebo zjednodušit správu obsahu.

Pro majitele e-shopu je to zajímavé hlavně tím, že se výrazně zkracuje doba od nápadu k první funkční verzi a zároveň je jednodušší testovat nové nápady bez velkých vstupních investic.

AI programování: kde začínají limity (a proč je dobré o nich vědět) 

Na první pohled to může působit, že AI programování dnes zvládne téměř všechno a klasický vývoj už nebude potřeba. Realita je ale o něco složitější a zároveň zajímavější.

AI je stále nástroj, který se rychle vyvíjí, ale není dokonalý ve všech směrech. V mnoha případech dokáže výrazně pomoct a urychlit práci, zároveň má ale svá omezení, která je dobré znát, nejen kvůli technickému řešení, ale hlavně kvůli tomu, aby výsledek odpovídal reálným potřebám firmy.

AI totiž funguje na základě zadání a právě jeho kvalita zásadně ovlivňuje výsledek. Pokud není jasně definované, co má řešení dělat a jak má zapadat do celkového fungování e-shopu nebo firmy, AI sice něco vytvoří, ale nemusí to dávat smysl v praxi.

vibe_coding

1. Kontext a byznysové pochopení

AI nezná váš byznys, zákazníky ani cíle, pokud jí je sami nepředáte. Neví, jaké procesy máte na pozadí e-shopu ani co je pro vás prioritní, takže sice dokáže vytvořit funkční řešení, ale nemusí odpovídat tomu, co skutečně potřebujete. V praxi to znamená, že bez jasného zadání může vzniknout něco, co technicky funguje, ale nepodporuje váš prodej ani růst.

2. Propojení na další systémy

Napojení na sklad, účetnictví nebo CRM (systém pro správu zákazníků) bývá často složitější, než se na první pohled zdá. AI může navrhnout, jak by takové propojení mohlo fungovat, ale jeho správné nastavení a otestování vyžaduje zkušenosti a znalost konkrétního prostředí. Právě tady se často ukazuje rozdíl mezi „něco funguje“ a „funguje to spolehlivě v každodenním provozu“.

3. Kvalita a udržitelnost kódu

Kód, který AI vytvoří, nemusí být vždy připravený na dlouhodobý provoz. Může fungovat pro první verzi, ale při úpravách nebo rozšiřování se ukáže, že není ideálně strukturovaný. To pak zpomaluje další vývoj a zvyšuje náklady na úpravy, což je u rostoucího e-shopu poměrně častá situace.

4. Bezpečnost a výkon

U e-shopu nebo aplikace, kde pracujete s daty zákazníků, hraje zásadní roli bezpečnost a stabilita. AI s tím dokáže pomoct a navrhnout řešení, ale bez následné kontroly a vedení ze strany zkušeného specialisty se může objevit slabé místo, které není na první pohled vidět. Stejně tak výkon aplikace, tedy jak rychle a spolehlivě funguje při vyšší návštěvnosti, bývá oblast, kde je potřeba odborný dohled a zkušenosti z praxe. 

Proč nestačí „nechat to na AI“

Tady se dostáváme k důležitému bodu. AI není náhrada za vývoj, ale nástroj, který ho mění a posouvá. V praxi se ukazuje, že nejlepší výsledky nevznikají jen díky samotné technologii, ale ve chvíli, kdy se kombinuje více faktorů, které se navzájem doplňují:

  • rychlost AI
  • zkušenost vývojářů
  • a pochopení byznysu.

Právě propojení těchto tří oblastí rozhoduje o tom, jestli výsledné řešení bude fungovat jen technicky, nebo i obchodně.

Například u e-shopu v České republice nestačí, aby „něco fungovalo“ na základní úrovni. V praxi potřebujete řešení, které zapadá do vašeho podnikání a zvládne reálný provoz:

  • odpovídá vašemu prodejnímu modelu,
  • je připravené na marketing (například SEO nebo kampaně),
  • zvládá růst a vyšší návštěvnost,
  • a zapadá do vašich interních procesů.

Tohle všechno jsou věci, které AI sama od sebe nezajistí, protože vyžadují kontext, zkušenosti a schopnost rozhodovat v širších souvislostech. Právě tady přichází na řadu lidské vedení projektu, které dává celému řešení směr.

Jak k tomu přistupujeme v Softemě

AI bereme jako nástroj, který nám pomáhá zrychlit a zefektivnit vývoj, ale nenahrazuje naše přemýšlení, zkušenosti ani odpovědnost za výsledek. AI programování nám pomáhá rychleji připravovat weby a e-shopy, lépe hledat možné cesty řešení a pružněji reagovat na potřeby klientů, kteří v nás vložili svou důvěru. Nejde tedy o to nechat práci „na AI“, ale využít její možnosti tam, kde dávají smysl a kde mohou přinést lepší výsledek.

V praxi nám AI pomáhá i ve fázi návrhu, kdy nad řešením přemýšlíme, porovnáváme varianty a hledáme nejvhodnější cestu. Můžeme díky ní rychleji brainstormovat, ověřovat si různé přístupy a pracovat s návrhy možných řešení, která pak pečlivě zvažujeme a vyhodnocujeme. Teprve na základě toho vybíráme variantu, která nejlépe odpovídá konkrétním potřebám klienta, technickým možnostem projektu i jeho dalšímu rozvoji.

V praxi to znamená, že:

  • AI využíváme při návrhu řešení i samotném vývoji,
  • ale vždy vycházíme z konkrétních potřeb klienta,
  • a řešení navrhujeme tak, aby fungovalo dlouhodobě.

U e-shopů nebo webů tak kombinujeme moderní technologie s návrhem, který dává smysl pro konkrétní byznys.

Výsledkem není jen „funkční web“, ale řešení, které se dá rozvíjet, upravovat a napojovat na další systémy.

 

vibe_coding (2)

Shrnutí: AI zvládne hodně, ale směr určuje člověk

AI programování posouvá možnosti vývoje výrazně dál a otevírá nové způsoby, jak rychleji a efektivněji vytvářet weby, e-shopy i aplikace. Pomáhá hledat různá řešení, porovnávat přístupy a urychlovat cestu od nápadu k první funkční verzi.

Zároveň ale platí, že samotná AI nestačí. Aby výsledek dával smysl v praxi, je potřeba ho zasadit do kontextu konkrétního byznysu, správně navrhnout a dlouhodobě udržovat. Právě kombinace technologie, zkušeností a pochopení souvislostí rozhoduje o tom, jestli řešení opravdu funguje.

Největší přínos proto přináší propojení obojího – využít AI tam, kde pomáhá zrychlit a zefektivnit práci, a zároveň mít nad projektem kontrolu, která zajistí, že výsledné řešení odpovídá reálným potřebám firmy a jejímu dalšímu rozvoji.

Chcete zjistit, co dává smysl pro váš projekt?

Pokud řešíte nový web, e-shop nebo úpravy stávajícího řešení, rádi se s vámi podíváme na to, co dává smysl právě ve vašem konkrétním případě.

Nejdříve se zaměříme na pochopení vašich potřeb, cílů a toho, jak váš byznys funguje. Na základě toho navrhneme řešení, které nebude jen technicky funkční, ale bude odpovídat tomu, co skutečně potřebujete dnes a zároveň bude připravené na další rozvoj.

Spolupráci navíc nebereme jako jednorázovou záležitost. Projekt pro nás nekončí odevzdáním webu nebo e-shopu, ale pokračuje dál. Postupně ho ladíme, upravujeme a rozvíjíme podle toho, jak se mění vaše potřeby i samotný byznys.



Článek AI programování: co dnes zvládne bez programátora se nejdříve objevil na Digitální agentura Softema.

]]>
Jak dnes probíhá vývoj webu pomocí AI (tzv. vibe coding) https://softema.cz/ai/jak-dnes-probiha-vyvoj-webu-pomoci-ai-tzv-vibe-coding/ Fri, 17 Apr 2026 07:19:00 +0000 https://softema.cz/?p=6633 Článek Jak dnes probíhá vývoj webu pomocí AI (tzv. vibe coding) se nejdříve objevil na Digitální agentura Softema.

]]>
ProfilphotoM
vibe_coding_cover

Možná jste v poslední době narazili na pojem „vibe coding“. Označuje aktuálně stále více moderní způsob vývoje webů a aplikací s využitím umělé inteligence, který výrazně mění celý proces tvorby. V článku si vysvětlíme, co přesně tento přístup znamená, jak funguje v praxi a jaké možnosti dnes přináší firmám i jejich zákazníkům.

Co je to „vibe coding“ a proč se o něm mluví

Možná jste už pojem „vibe coding“ někde zaznamenali. A pokud ne, vůbec to nevadí – nejde o oficiální termín, ale spíše o označení, které se v poslední době začalo poměrně hodně používat pro popis moderního vývoje s pomocí AI. Pokud do tvorby webů teprve pronikáte, může být tenhle pojem trochu matoucí. Proto si ho pojďme jednoduše vysvětlit.

„Vibe coding“ je neformální označení pro způsob vytváření webů a aplikací, kdy velkou část práce přebírají nástroje využívající umělou inteligenci. Zjednodušeně řečeno – místo toho, aby vývojář (nebo i člověk bez hlubších programátorských znalostí) ručně psal kód řádek po řádku, pracuje jiným způsobem. Do nástroje zadává, co potřebuje vytvořit, popisuje funkčnost, strukturu nebo vzhled a nástroj na základě těchto vstupů navrhuje konkrétní řešení.

Často zároveň dochází k tomu, že nástroj kód nejen vytváří, ale i průběžně doplňuje nebo upravuje podle zadání. Člověk tak celý proces spíše řídí, testuje a ladí, než aby ho kompletně programoval od začátku.

 

AI vývojáře nenahrazuje. Mění jejich roli

Rozhodně to ale neznamená, že by vývojáři měli přijít o svou práci nebo že by jich v budoucnu nebylo potřeba. Spíš naopak – jejich role se postupně mění a posouvá.

Umělá inteligence jim totiž výrazně ulehčuje od rutinních a časově náročných činností, jako je opakující se psaní kódu nebo řešení základních technických úkolů. Díky tomu se mohou mnohem více soustředit na to, co má skutečný dopad. Tedy na přemýšlení nad tím, jak má výsledné řešení fungovat, jak má vypadat a jestli opravdu odpovídá potřebám klienta.

Vývojář se tak čím dál více stává člověkem, který celý proces řídí. Nejen že kontroluje kvalitu výstupu, ale zároveň dává jednotlivým krokům smysl, propojuje technické řešení s byznysovým cílem a hlídá, aby výsledný produkt fungoval jako celek.

Nejde tedy o to, že by AI nahradila vývojáře. Jde o to, že jim pomáhá pracovat efektivněji a posouvá jejich roli blíž k rozhodování, návrhu a strategii.

vibe_coding (1)

Jak AI změnila vývoj webů a aplikací

Vývoj webů byl dříve poměrně lineární proces, který měl jasně dané kroky – od zadání přes návrh až po samotné programování a testování. Každá fáze na sebe navazovala a často vyžadovala zapojení více specialistů, kteří si mezi sebou předávali výstupy. To znamenalo nejen delší časovou náročnost, ale i vyšší náklady a menší flexibilitu při případných změnách.

Dnes se tento proces výrazně zrychluje. Díky AI nástrojům je možné:

  • rychleji vytvářet návrhy řešení,
  • automaticky generovat části kódu,
  • pracovat s daty a obsahem efektivněji,
  • a celkově zkrátit dobu mezi nápadem a hotovým řešením.

Nejde ale jen o rychlost. Velkou změnou je také flexibilita celého procesu. Úpravy, které dříve znamenaly zásah do vývoje a další čas i náklady, dnes dokážeme řešit mnohem rychleji a efektivněji. Díky tomu je možné reagovat na potřeby klienta průběžně a řešení postupně upravovat podle toho, jak se projekt vyvíjí nebo jaké přináší výsledky.

Co to znamená pro firmy

Pro firmy v České republice to znamená především jednu zásadní věc – větší dostupnost kvalitních digitálních řešení. To, co bylo ještě donedávna dostupné spíše větším firmám s vyššími rozpočty, se dnes postupně otevírá i menším a středním podnikům.

Díky modernímu přístupu k vývoji dnes navíc není nutné dělat velké jednorázové investice bez možnosti úprav. Firmy mohou řešení budovat postupně, testovat a přizpůsobovat podle reálných potřeb a výsledků.

Díky modernímu přístupu k vývoji dnes:

  • vznikají weby a aplikace rychleji, což zkracuje dobu od nápadu k realizaci,
  • je jednodušší testovat nové nápady a ověřovat, co skutečně funguje,
  • a firmy si mohou dovolit i řešení, která byla dříve časově nebo finančně náročná.

Zároveň to ale neznamená, že „AI všechno vyřeší za vás“. Stále je potřeba správně nastavit zadání, pochopit byznys klienta a navrhnout řešení, které dává smysl v konkrétní situaci.

Právě tady se ukazuje rozdíl mezi pouhým použitím nástroje a promyšleným přístupem k projektu. Nejde jen o to něco vytvořit, ale vytvořit to správně – tak, aby to firmě skutečně pomáhalo v každodenním fungování.

vibe_coding

Co to znamená pro zákazníky a uživatele

Z pohledu zákazníků se tyto změny projevují především v rychlosti a celkové kvalitě služeb, se kterými se setkávají. To, co dříve trvalo déle nebo bylo méně přizpůsobené, dnes funguje plynuleji a více odpovídá jejich očekáváním.

Weby a aplikace dnes mohou:

  • lépe odpovídat konkrétním potřebám uživatelů, protože se snadněji upravují podle jejich chování a preferencí,
  • rychleji reagovat na změny, ať už jde o obsah, nabídku nebo funkčnost,
  • a být více přizpůsobené konkrétním situacím, ve kterých se zákazník nachází.

Zjednodušeně řečeno: už nejde jen o to „mít web“, ale mít web, který skutečně funguje, dává uživateli smysl a přirozeně ho vede k dalším krokům nebo rozhodnutí.

Rychlejší vývoj neznamená horší kvalitu

Mnoho lidí, a nejedná se jen o klienty, si při pohledu na rychlý vývoj pomocí umělé inteligence klade otázku, jestli se tato rychlost nepodepíše na výsledné kvalitě produktu. Mohou mít pocit, že rychle vytvořený web bude obsahovat chyby nebo drobné nedostatky.

U moderního přístupu k vývoji se ale něčeho takového obávat nemusíte. Rychlost dnes nevzniká na úkor kvality, ale díky efektivnějšímu využití nástrojů a lepšímu nastavení celého procesu.

Kvalita dnes nestojí na tom, kolik času strávíme psaním kódu, ale na tom, jak dobře je celý proces promyšlený a řízený. Důležité je mít jasně definované zadání, správně zvolené nástroje a zároveň kontrolu nad tím, co vzniká.

Pokud tyto věci fungují, může být výsledné řešení nejen rychlejší, ale často i kvalitnější a lépe přizpůsobené reálným potřebám klienta. Právě kombinace rychlosti a kontroly je to, co dnes dělá moderní vývoj skutečně efektivním.

vibe_coding (2)

Shrnutí: Co si z toho odnést

„Vibe coding“ není žádnou revolucí ve smyslu, že by vše nejednou fungovalo úplně jinak. Je to spíše posun v tom, jak k vývoji webů a aplikací přistupujeme.

AI nám pomáhá zrychlit práci, zjednodušit procesy a otevřít nové možnosti. Zároveň ale zůstává klíčové správné pochopení zadání, práce s kontextem a kontrola kvality.

Výsledkem je přístup, díky kterému dokážeme pracovat efektivněji a zároveň navrhovat řešení, která skutečně odpovídají potřebám klienta. Nejde jen o rychlost, ale o to, že výsledný web nebo aplikace lépe zapadá do fungování firmy a přináší reálný přínos.

Pokud řešíte nový web, aplikaci nebo zvažujete, jak využít moderní přístup k vývoji i ve vašem projektu, rádi s vámi projdeme vaše potřeby a navrhneme řešení, které bude dávat smysl právě pro vaši firmu.

Neváhejte se na nás obrátit – společně najdeme cestu, jak projekt posunout dál.

Článek Jak dnes probíhá vývoj webu pomocí AI (tzv. vibe coding) se nejdříve objevil na Digitální agentura Softema.

]]>
In love with WebP! ❤️ Formát obrázků, který vám podlomí kolena https://softema.cz/tipy/webp-format-ktery-vam-podlomi-kolena/ Sun, 28 May 2023 16:43:51 +0000 https://softema.cz/?p=2314 Článek In love with WebP! ❤️ Formát obrázků, který vám podlomí kolena se nejdříve objevil na Digitální agentura Softema.

]]>
ProfilphotoM
Formát WebP

Formát obrázků WebP není žádná novinka v internetovém prostředí, přesto se až v posledních pár letech učíme s tímto formátem souznít. Především proto, že až 80 % návštěvníků webu přichází skrze mobilní zařízení, které nám s každým novým modelem nabízí ještě dokonalejší rozlišení, kde neodpouštíme žádný zmrzačený pixel. Také netolerujeme dlouhé načítání, každá mikrosekunda strávená na webu navíc nás odrazuje.

A právě do těchto těžkých okolností přichází zachránce kvality – formát WebP.

 

Co je WebP?

Psal se rok 2010, kdy společnost Google uvedla do světa nový formát obrázků, který se inspiroval u formátu WebM. Google měl cíl jasný. Vytvořit formát, který zcela nahradí JPEG a PNG, ale přitom zachová kvalitu a zároveň minimalizuje velikost a rychlost přenosu. WebP kombinuje algoritmy pro kompresi bez ztráty kvality (lossless) a s kompresí s viditelnou ztrátou kvality (lossy). Díky tomu může dosahovat velkých úspor v velikosti souborů bez ztráty kvality.

Od uvedení do digitálního světa uběhlo spoustu let a přesto jsme my, uživatelé, zaseklí při tradičních verzích JPEG, PNG nebo GIF, protože se bojíme změn a je opravdu náročné je aplikovat.

Nikdo nemá čas na změnu! A možná nedostatek času by měl být ten důvod, proč nahradit své obrázky na webech na WebP, neboť právě rychlost přenosu je u WebP formátu klíčová.

 

Jaký je vlastně rozdíl mezi formáty JPEG, PNG a WebP?

Ať se nám nihilisticky zdá, že na formátech obrázků nezáleží, pojďme se přesvědčit o opaku. Protože detaily jsou to, na čem koneckonců záleží nejvíce.

 

JPEG (Joint Photographic Experts Group)

Formát JPEG byl vyvinut jako standard pro ukládání a sdílení digitálních fotografií. Hlavní výhodou formátu JPEG je to, že podporuje ztrátovou kompresi, což znamená, že soubory mohou být zmenšeny na mnohem menší velikosti.

 

PNG (Portable Network Graphics)

PNG je formát souboru určený pro zobrazování obrázků na webu, který podporuje bezeztrátovou kompresi. To znamená, že soubory jsou menší, aniž by došlo ke ztrátě kvality obrazu. Hlavní výhodou formátu PNG je to, že podporuje průhlednost, což umožňuje vytvářet obrázky s čistými hranami, jako jsou loga a ikony.

 

WebP

WebP je moderní formát souboru vyvinutý společností Google. Tento formát kombinuje ztrátovou i bezeztrátovou kompresi, což umožňuje dosáhnout menší velikosti souborů při zachování vysoké kvality obrazu. Hlavní výhodou WebP je to, že se jedná o komprimovaný formát, který nabízí lepší kvalitu než JPEG při zachování malé velikosti souboru.

Zároveň podporuje průhlednost a animace, takže nahrazuje PNG a GIF zároveň. Formát WebP se rychle stává populárním v oblasti web designu a vývoje webových aplikací, protože umožňuje vytvářet soubory obrázků, které se načítají rychleji a snižují tak dobu načítání stránek, což je pro uživatele klíčové.

Úspora dat pomocí webp

Šetříme data

Skutečné množství dat, které můžete ušetřit při použití formátu WebP, závisí na mnoha faktorech, jako jsou velikost a složitost obrázku, kvalita komprese a typ zařízení, na kterém je obrázek zobrazen. Nicméně jsou k dispozici statistiky a testy, které ukazují, že WebP může poskytnout až 30% úsporu dat v porovnání s formátem JPEG a až 50% v porovnání s formátem PNG. A to se vyplatí.

 

Podpora formátu WebP

Simpujeme už na všech webových projektech, které běží na WordPressu a občas si troufneme i bez fallbacku, protože drze tvrdíme, že pokud někdo používá neaktuální prohlížeč, tak si nezaslouží dokonalý doprovodný obrázek vidět.

Apple po smrti Jobse zaspal tak moc, že podporu WebP formátů zpřístupnil až v ostudném roce 2020. Tedy konkrétně, u kterých verzí prohlížečů můžete mít problém s formátem WebP?

  • Internet Explorer: Verze před 9 nezvládají formát WebP. Od verze 9 je podpora WebP součástí prohlížeče. Verze Internet Exploreru 9 byla vydána 14. března 2011.
  • Safari: Verze před 14 (včetně) nepodporují formát WebP. Od verze 14 je podpora WebP k dispozici. Verze Safari 14 byla vydána 16. září 2020.
  • Opera: Verze před 11.10 nezvládají formát WebP. Od verze 11.10 je podpora WebP součástí prohlížeče. Verze Opera 11.10 byla vydána 12. dubna 2011.
  • Android: Verze před 4.0 (Ice Cream Sandwich) nezvládají formát WebP. Od verze 4.0 je podpora WebP k dispozici. Verze Android 4.0 (Ice Cream Sandwich) byla vydána 19. října 2011.
  • iOS: Verze před 14 (včetně) nepodporují formát WebP. Od verze 14 je podpora WebP k dispozici. Verze iOS 14 byla vydána 16. září 2020.

Tedy i přesto, že nechceme spoléhat na svéprávnost uživatelů a jejich pravidelnou aktualizací prohlížečů, tak bychom měli být v suchu. Teoreticky.

 

E-shopy a WebP

Shoptet, jakožto jednička v CMS (Content Management System), WebP obrázky stále nepodporuje. Pro kompresí si připlaťte doplněk Pobo Page Builder nebo službu Cloudflare. Zdarma vám nikdo nic nedá. Kromě Shoptet e-shopu o max. 10 produktech, bez doplňků, které mohou brzdit funkčnost vašeho e-shopu. To be honest, stejně je to více, než byste měli žádat.

Další české CMS se rozhodly ignorovat WebP také. Eshop-rychle WebP nepodporuje. A FastCentrik, vyvíjen společností NetDirect, zaspal dobu a žije v minulosti a už si ani nesnaží.

Použití nám tak v českých vodách zůstává pouze u WordPressu, zatímco se zkříženými prsty doufáme, že i české CMS dovolí používat dokonalý formát WebP.

 

A co socky?

Sociální sítě nepotřebují nižší komprese obrázků, protože je úspěšně deformují sami, aby ušetřili, co největší množství dat. Nahrávejte, jako vždy, formát PNG a doufejte, že vám pár pixelů pro rozpoznání vaší tváře či produktu postačí.

Zároveň na sociálních sítích není vaše starost, jak rychle se FYP vykreslí, jakožto pouhý uživatel buď berte, či nechte být.

Sociální sítě

Konvertujte na WebP

Téměř všechny grafické programy, které za to stojí, nabízí export do WebP. Pravděpodobně sáhnete po klasice jako Adobe Photoshop nebo online nástroji WebP Converter. Zde ale stojí za zmínku i český grafický software Photopea, se kterým je život jednodušší.

 

Větší lepší

I přesto, že převedete své dokonalé obrázky do WebP, tak to neznamená, že ušetříte mega moc dat. Nezapomínejte, že i samotné rozlišení obrázků nahraných na web hraje roli. Opravdu potřebujete extra/ultra/mega Full HD obrázek své večeře na blog v rozlišení 4000x4000px, když maximální zobrazení je 400x400px? Nepotřebujete. Zkrátka nahrávejte obrázky v požadovaném rozměru, vyhnete se tak zbytečnému chroustání dat a komprese je jednodušší.

 

Pokud tedy máte rádi rychlost a kvalitu, vsaďte na WebP a vytrvejte s námi než i ostatní redakční systémy podlehnou a zpřístupní manipulaci s moderními formáty. 

Článek In love with WebP! ❤️ Formát obrázků, který vám podlomí kolena se nejdříve objevil na Digitální agentura Softema.

]]>
Shoptet od roku 2023 bude požadovat hashování exportu https://softema.cz/vyvoj/hashovani-exportu-na-shoptetu/ Mon, 17 Oct 2022 15:40:28 +0000 http://softema.cz/uncategorized/sollicitudin-ac-orci-phasellus-egestas/ Článek Shoptet od roku 2023 bude požadovat hashování exportu se nejdříve objevil na Digitální agentura Softema.

]]>
Shoptet hashování feedů

V polovině října 2022 Shoptet upozornil na aktualizaci, která se bude týkat mnoha z nás. Od příštího roku budou znefunkčněné exporty, které nemají bezpečnostní hash. I přesto, že sdělení zní děsivě a pro mnohé je to poslední kapka nechtěných úprav, se kterými se musí potýkat, tak je to velmi důležitá úprava. Pro hladký přechod na zabezpečený export jsme pro vás připravili článek, ať na nic nezapomenete a vše funguje jak má.

Povinnost zabezpečovat exporty začne v prvním kvartálu roku 2023. Shoptet se tak chtěl vyhnout problémům u klientů v předvánočním období, kdy je hlavní sezóna pro většinu e-shopů.

Proč zabezpečovat exporty?

Vzhledem k tomu, že Shoptet je krabicové řešení, tak struktura celého e-shopu i názvu souborů je pro všechny stejná. Pokud například exportujete citlivé data, jako přehled objednávek do účetního nebo skladového systému, je zabezpečení URL adresy velmi žádoucí.

Shoptet navíc připravil skupiny partnerů, díky kterým nebudete muset měnit URL při ukončení spolupráce například s účetní nebo marketingovou agenturou, ale pouze deaktivujete přístup pro daného partnera.

Co je to hash?

Hash je krátký řetězec čísel a písmen, který vzniká matematickou funkcí. Tato funkce převádí vstupní data do číselného a textového řetězce. Hash nebo digitální otisk je již standardem u hesel. Kdy se do databáze neukládá vaše heslo, ale jeho přepis.

Škůdce, který se tak prolomí do vaší databáze zde neuvidí heslo, ale pouze jeho digitální otisk, díky kterému se nikdo nikam nepřihlásí, protože po vyplnění hesla na dané stránce se proces hashování spustí znovu a výsledky nebudou stejné. Hashování exportů funguje stejně.

Hashování ilustrační obrázek

Jak nastavit zabezpečení exportu na Shoptetu?

Nastavení je poměrně jednoduché, nejsložitější část je vzpomenout si, komu všemu jste odkaz na exporty poskytli, protože po nastavení zabezpečení exportní odkazy přestanou fungovat. Jako nejčastější používané budou pravděpodobně datové můstky.

Zabezpečení exportu se týká těchto oddílů:

  • Objednávky 
  • Produkty 
  • Kategorie 
  • Sklad
  • Zákazníci
  • Slevové kupony

 

Dobrou zprávou je, že marketingové feedy, které posíláte na Heuréku, Glami nebo další porovnávače již mají vlastní hash, tedy není nutné tyto URL nahrazovat.

Pořád si nejste jistí, zda se vás změna dotkne? V tom případě mrkněte do logu, zda je tam nějaká aktivita, kromě té vaší. I přesto, že z logu těžko zjistíte, zda export používá sklad, externí firma nebo účetní, tak pro ty, kteří nemají žádné partnery, je to jednoduché ujištění, že změnou zabezpečení se nic nezmění.

Vytvoření partnerů

V administraci Shoptetu v oddílu Nastavení -> Administrace přibyl nový oddíl – Zabezpečení exportu. V této sekci spravujete všechny partnery, kterým plánujete poskytnout přístup k vaším údajům. Lze také nastavit platnost zabezpečení, po vyplněném datumu přestane být export funkční.

Je nezbytné mít alespoň jednoho partnera, tedy v případě, že své exporty nikam neposíláte, vytvořte si fiktivního – třeba vás.

Vytvoření partnera Shoptet

Přegenerováním partnera vznikne unikátní hash, tedy kliknutím na ikonku Aktualizovat také znefunkčníte stávající URL. Pokud se bojíte, že na ikonku omylem kliknete, tak jsem to otestovala a Shoptet přidal upozornění, které ještě musíte jednou potvrdit. Takže “kliknutí omylem” má zase o něco menší šanci.

Získání zabezpečené URL exportu

Po vytvoření partnerů přejdete do oddílu, ze které chcete export poskytnout (Objednávky, Produkty nebo Zákazníci) a v oddílu Export vyberete příslušného partnera, pod kterým se vám zobrazí unikátní URL adresa, kterou poskytnete partnerovi.

U exportu slevových kupónů musíte zabrouzdat do oddílu Marketing -> Slevové kupóny, kde naleznete Export/Import sekci – postup zvolení partnera a okopírování zahashované URL je totožný.

Výběr partnera pro Export

Nastavení je tedy opravdu jednoduché a i přesto, že mnoho klientů Shoptetu vyjádřilo nespokojenost, tak je to jednoznačný posun vpřed.

Článek Shoptet od roku 2023 bude požadovat hashování exportu se nejdříve objevil na Digitální agentura Softema.

]]>