<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>obrázky | Včeliště</title>
	<atom:link href="https://vceliste.cz/stitek/obrazky/feed/" rel="self" type="application/rss+xml" />
	<link></link>
	<description></description>
	<lastBuildDate>Mon, 25 May 2026 15:17:05 +0000</lastBuildDate>
	<language>cs</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://vceliste.cz/wp-content/uploads/2020/11/cropped-vceliste-favicona-150x150.png</url>
	<title>obrázky | Včeliště</title>
	<link></link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Vizualita: Pravidla používání obrázků</title>
		<link>https://vceliste.cz/blog/vizualita-jako-nastroj-komunikace-zakladni-pravidla-pouzivani-obrazku/</link>
					<comments>https://vceliste.cz/blog/vizualita-jako-nastroj-komunikace-zakladni-pravidla-pouzivani-obrazku/#comments</comments>
		
		<dc:creator><![CDATA[Josef Řezníček]]></dc:creator>
		<pubDate>Mon, 03 Apr 2017 13:10:58 +0000</pubDate>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[úprava obrázků]]></category>
		<category><![CDATA[zdroje obrázků]]></category>
		<category><![CDATA[obrázky]]></category>
		<category><![CDATA[obrázky na blog]]></category>
		<guid isPermaLink="false">https://vceliste.cz/?p=17009</guid>

					<description><![CDATA[<img width="680" height="250" src="https://vceliste.cz/wp-content/uploads/2017/04/obrazky_co_zaujmou_2.png" class="webfeedsFeaturedVisual wp-post-image" alt="Stoh černobílých fotografií s textem o vizualitě jako nástroji komunikace." style="display: block; margin-bottom: 5px; clear:both;max-width: 100%;" link_thumbnail="" decoding="async" fetchpriority="high" srcset="https://vceliste.cz/wp-content/uploads/2017/04/obrazky_co_zaujmou_2.png 680w, https://vceliste.cz/wp-content/uploads/2017/04/obrazky_co_zaujmou_2-300x110.png 300w" sizes="(max-width: 680px) 100vw, 680px" /><p>Kvalitní a&#160;poutavé obrázky jsou důležitou součástí každého typu článku. Při&#160;jejich používání máme v&#160;zásadě [&#8230;]</p>
<p>Článek <a href="https://vceliste.cz/blog/vizualita-jako-nastroj-komunikace-zakladni-pravidla-pouzivani-obrazku/">Vizualita: Pravidla používání obrázků</a> se nejdříve objevil na <a href="https://vceliste.cz">Včeliště</a>.</p>
]]></description>
										<content:encoded><![CDATA[<img width="680" height="250" src="https://vceliste.cz/wp-content/uploads/2017/04/obrazky_co_zaujmou_2.png" class="webfeedsFeaturedVisual wp-post-image" alt="Stoh černobílých fotografií s textem o vizualitě jako nástroji komunikace." style="display: block; margin-bottom: 5px; clear:both;max-width: 100%;" link_thumbnail="" decoding="async" srcset="https://vceliste.cz/wp-content/uploads/2017/04/obrazky_co_zaujmou_2.png 680w, https://vceliste.cz/wp-content/uploads/2017/04/obrazky_co_zaujmou_2-300x110.png 300w" sizes="(max-width: 680px) 100vw, 680px" />
<p class="wp-block-paragraph">Kvalitní a&nbsp;poutavé obrázky jsou důležitou součástí každého typu článku. Při&nbsp;jejich používání máme v&nbsp;zásadě dvě možnosti: buď si obrázek stáhneme a&nbsp;případně jen lehce upravíme, nebo si jej vytvoříme na míru. Dobře zvolené obrázky mohou k&nbsp;vašim příspěvkům přitáhnout více pozornosti, což platí nejen u&nbsp;webů a&nbsp;blogů, ale také třeba sociálních sítí. V&nbsp;dnešním článku se podíváme na základní postup, jak obrázky k&nbsp;článkům&nbsp;<strong>vybírat a&nbsp;upravovat</strong>.</p>



<h2 class="wp-block-heading"><strong>Proč obrázky u&nbsp;článků vůbec používat?</strong></h2>



<p class="wp-block-paragraph">Podle serveru brainrules.com si lidé pamatují po&nbsp;3 dnech ještě&nbsp;<strong>65&nbsp;% z&nbsp;toho, co viděli</strong>. Z&nbsp;informací získaných sluchem si ale po&nbsp;uplynutí stejné doby pamatujeme jen 10&nbsp;%. Je tedy jasné, že zrak je u&nbsp;člověka dominantním smyslem, spojeným navíc s&nbsp;pamětí. Obrázky na svůj web nedávejte jen proto, abyste vyplnili prázdná místa v&nbsp;textu. Články s&nbsp;obrázky jsou častěji sdíleny a&nbsp;obecně působí na čtenáře atraktivněji. Například blog bufferapp.com udává, že tweety s&nbsp;obrázky získávají až o&nbsp;<strong>150&nbsp;% více retweetů</strong>&nbsp;než ty bez obrázků.</p>



<h2 class="wp-block-heading"><strong>Jaké zdroje obrázků můžete využívat?</strong></h2>



<p class="wp-block-paragraph">Zdroje obrázků můžeme v&nbsp;zásadě rozdělit na dvě skupiny –&nbsp;<strong>placené a&nbsp;neplacené</strong>. Případně bychom mohli přidat ještě kategorii třetí, totiž vlastní tvorbu. Výhodou neplacených obrázků je samozřejmě šetření nákladů, nevýhodou pak často nižší kvalita a&nbsp;menší výběr.</p>



<p class="wp-block-paragraph">Občas se ale může stát, že na volně přístupných databázích najdete obrázek, který vyhovuje i&nbsp;bez úprav. Obrázky z&nbsp;fotobank doporučujeme používat pro ilustraci u&nbsp;<strong>méně důležitých</strong>&nbsp;článků a&nbsp;příspěvků. Nevýhodou obrázků zdarma také může být, že vaše konkurence použije identické obrázky a&nbsp;váš web pak nepůsobí tak atraktivně a&nbsp;profesionálně, jak by mohl.</p>



<h3 class="wp-block-heading"><strong>K osvědčeným zdrojům obrázků zdarma patří:</strong></h3>



<ul class="wp-block-list">
<li><a href="https://pixabay.com/"><strong>Pixabay</strong> </a>– v prvním řádku výsledků vyhledávání najdete obrázky placené, ostatní jsou zdarma.</li>



<li><a href="http://www.everystockphoto.com/"><strong>Everystockphoto</strong> </a>– agregátor fotografií, ve kterém doporučujeme co nejpřesněji definovat podmínky vyhledávání.</li>



<li><a href="http://www.freeimages.com/"><strong>Freeimages</strong> </a>– pro stahování obrázků se nejprve registrujte.</li>
</ul>



<p class="wp-block-paragraph">Placených zdrojů fotografií je velké množství, výhodou je většinou větší výběr a&nbsp;kvalita (nemusí být ale vždy), takže si můžete najít fotku přesně pro daný článek.</p>



<h3 class="wp-block-heading"><strong>Jaké jsou základní programy pro úpravu obrázků?</strong></h3>



<p class="wp-block-paragraph">Pokud máme vybraný základní obrázek, můžeme přistoupit k&nbsp;jeho úpravě. Existují jednodušší a&nbsp;složitější editory. Mezi ty&nbsp;<strong>jednodušší</strong>&nbsp;patří následující:</p>



<ul class="wp-block-list">
<li><a href="https://www.canva.com/"><strong>Canva</strong></a></li>



<li><a href="https://evernote.com/skitch/"><strong>Skitch</strong></a></li>



<li><a href="https://placeit.net/"><strong>placeIT</strong></a></li>



<li><a href="http://www.ribbet.com/"><strong>ribbet</strong></a></li>



<li><a href="https://pixlr.com/"><strong>pixlr</strong></a></li>



<li>Polarr</li>



<li><a href="http://www.sumopaint.com/home/">SumoPaint</a></li>



<li>PicMonkey</li>



<li><a href="http://www.fotor.com/">Fotor</a></li>



<li>K vytváření diagramů je vhodný&nbsp;<a href="https://www.draw.io/">Draw</a></li>



<li>Ke snímání obrazovky můžete použít například&nbsp;<strong><a href="https://jing.en.softonic.com/">Jing</a></strong></li>
</ul>



<p class="wp-block-paragraph">Se zmíněnými aplikacemi vystačíme při&nbsp;základních úpravách obrázků ke článkům a&nbsp;příspěvkům. Pokud chcete vytvářet složitější grafiku, můžete sáhnout po&nbsp;<strong>pokročilejším softwaru.</strong></p>



<h3 class="wp-block-heading"><strong>Zdarma můžete použít</strong>:</h3>



<ul class="wp-block-list">
<li><a href="https://www.gimp.org/">GIMP</a></li>
</ul>



<h3 class="wp-block-heading"><strong>K placeným programům patří</strong>:</h3>



<ul class="wp-block-list">
<li><a href="http://www.adobe.com/cz/products/photoshop.html">Photoshop</a></li>



<li><a href="http://www.adobe.com/cz/products/illustrator.html">Illustrator</a></li>



<li><a href="http://www.coreldraw.com/cz/">CorelDraw</a></li>
</ul>



<div class="wp-block-stackable-columns stk-block-columns stk-block stk-28ee2ac stk-block-background article-cta-yellow-wrapper article-cta-wrapper stk--has-background-overlay" data-block-id="28ee2ac"><style>.stk-28ee2ac {background-color:#ffde16 !important;background-image:url(https://vceliste.cz/wp-content/uploads/2025/02/white-hexagon-outline.svg) !important;background-position:center center !important;background-repeat:no-repeat !important;background-size:85% !important;padding-top:48px !important;padding-right:20px !important;padding-bottom:48px !important;padding-left:20px !important;}.stk-28ee2ac:before{background-color:#ffde16 !important;opacity:0 !important;}@media screen and (max-width:989px){.stk-28ee2ac {background-position:center center !important;background-repeat:no-repeat !important;background-size:798px !important;}}@media screen and (max-width:765px){.stk-28ee2ac {background-position:center center !important;background-repeat:no-repeat !important;background-size:custom !important;}}</style><div class="stk-row stk-inner-blocks has-text-align-center stk-block-content stk-content-align stk-28ee2ac-column">
<div class="wp-block-stackable-column stk-block-column stk-column stk-block stk-97b371e article-cta-content-wrapper" data-v="4" data-block-id="97b371e"><style>.stk-97b371e-container{max-width:500px !important;min-width:auto !important;}</style><div class="stk-column-wrapper stk-block-column__content stk-container stk-97b371e-container stk--no-background stk--no-padding"><div class="has-text-align-center stk-block-content stk-inner-blocks stk-97b371e-inner-blocks">
<div class="wp-block-stackable-text stk-block-text stk-block stk-dh8w13m article-cta-nadpis article-cta-yellow-nadpis" data-block-id="dh8w13m"><style>.stk-dh8w13m {margin-bottom:15px !important;}.stk-dh8w13m .stk-block-text__text{font-size:24px !important;color:#000000 !important;font-weight:800 !important;font-family:"Poppins", Sans-serif !important;}@media screen and (max-width:989px){.stk-dh8w13m .stk-block-text__text{font-size:24px !important;}}</style><p class="stk-block-text__text has-text-color">Chcete vyzrát na grafiku?</p></div>



<div class="wp-block-stackable-text stk-block-text stk-block stk-z6c3kyw article-cta-text article-cta-yellow-text" data-block-id="z6c3kyw"><style>.stk-z6c3kyw .stk-block-text__text{font-size:16px !important;color:#000000 !important;font-weight:600 !important;}@media screen and (max-width:989px){.stk-z6c3kyw .stk-block-text__text{font-size:16px !important;}}</style><p class="stk-block-text__text has-text-color">Pravidelné vytváření krásného a bohatého grafického obsahu není snadnou věcí. Ne každý má na takovou práci čas a prostředky. Naštěstí existuje snadná pomoc – rádi se o vaše grafiky postarámy my.</p></div>



<div class="wp-block-stackable-button-group stk-block-button-group stk-block stk-659a1a9 article-cta-btn-group article-cta-yellow-btn-group" data-block-id="659a1a9"><div class="stk-row stk-inner-blocks stk-block-content stk-button-group">
<div class="wp-block-stackable-button stk-block-button article-cta-btn article-cta-yellow-btn stk-block stk-c5ui0i2" data-block-id="c5ui0i2"><style>.stk-c5ui0i2 .stk-button{padding-top:14px !important;padding-right:30px !important;padding-bottom:14px !important;padding-left:30px !important;background:#f8f8f8 !important;border-top-left-radius:5px !important;border-top-right-radius:5px !important;border-bottom-right-radius:5px !important;border-bottom-left-radius:5px !important;}.stk-c5ui0i2 .stk-button:hover:after{background:#000000 !important;opacity:1 !important;}.stk-c5ui0i2 .stk-button:before{box-shadow:0px 4px 20px 0px #0000001a !important;border-style:solid !important;border-color:#d9d9d9 !important;border-top-width:1px !important;border-right-width:1px !important;border-bottom-width:1px !important;border-left-width:1px !important;}.stk-c5ui0i2 .stk-button:hover:before{border-color:#000000 !important;}.stk-c5ui0i2 .stk-button__inner-text{font-size:16px !important;color:#000000 !important;font-weight:600 !important;font-family:"Poppins", Sans-serif !important;}.stk-c5ui0i2 .stk-button:hover .stk-button__inner-text{color:#ffde16 !important;}@media screen and (max-width:989px){.stk-c5ui0i2 .stk-button__inner-text{font-size:16px !important;}}</style><a class="stk-link stk-button" href="/grafika/"><span class="has-text-color stk-button__inner-text">Mám zájem</span></a></div>
</div></div>
</div></div></div>
</div></div>



<h2 class="wp-block-heading">J<strong>aké typy a formáty obrázků můžeme použít?</strong></h2>



<p class="wp-block-paragraph">K nejoblíbenějším typům formátu patří&nbsp;<strong>JPG</strong>&nbsp;a&nbsp;<strong>PNG.</strong>&nbsp;Doporučujeme vyzkoušet oba a&nbsp;porovnat kvalitu v&nbsp;poměru k&nbsp;velikosti. Obecně by doprovodné obrázky neměly svou velikostí přesahovat 100 kB.</p>



<p class="wp-block-paragraph">Existují různé typy obrázků, každý je vhodný pro trochu jiný účel a&nbsp;měl by splňovat určitá kritéria:</p>



<ul class="wp-block-list">
<li><strong>Úvodní</strong> – obrázek, který by měl čtenáře především nalákat ke kliknutí na článek. Měl by být atraktivní, klidně i vtipný (pokud nepíšeme například o vážném či citlivém tématu), určitě v dobré kvalitě a v ideálním případě také shrnovat základní myšlenku článku.</li>



<li><strong>Ilustrační obrázek</strong> – jednoduchý obrázek, který klidně můžeme vzít z neplacené fotobanky. Slouží k doprovodu textu, nemusí být v té nejlepší kvalitě, i když je dobré dodržet určitý standard.</li>



<li><strong>Vysvětlující obrázek</strong> – tímto typem obrázku názorně vysvětlujeme určitou myšlenku, kterou chceme v článku přinést. Může jít o diagram (viz výše), infografiku, obrázkový návod a podobně.</li>



<li><strong>Obrázky obrazovky</strong> – screenshoty používáme především tam, kde chceme čtenářům ukázat, jak mohou něco udělat na svém počítači (použití nějakého prvku v určitém softwaru, nastavení operačního systému...).<strong><a href="https://vceliste.cz/wp-content/uploads/2017/03/screen-e1491228509540.png"></a></strong></li>
</ul>



<h2 class="wp-block-heading"><strong>Postup tvorby obrázku</strong></h2>



<ol class="wp-block-list">
<li>Stanovte si <strong>účel a cíl </strong>obrázku. Bude prodávat, nebo informovat? Má být odborný, nebo zábavný?</li>



<li>Určete si cílové <strong>publikum</strong>.</li>



<li>Přemýšlejte nad tím, jak obrázek zaujme cílové publikum a jakým způsobem přispěje ke <strong>splnění stanoveného cíle</strong>.</li>



<li>Zamyslete se nad <strong>formátem</strong> a <strong>místem</strong>, kde bude obrázek umístěn. Půjde o prodejní banner na Facebook, nebo pouze o ilustrační obrázek ke článku? Budete používat obrázek například do newsletteru? Výběr obrázku by tomu měl odpovídat.</li>



<li>Projděte si <strong>stránky konkurence</strong> a inspirujte se. Určitě si všimnete věcí, které by šly ještě dotáhnout, vylepšit. Zkuste vždy nabídnout alespoň o trochu více.</li>



<li>Projděte si materiál nebo web, pro který je obrázek vytvářen. Zkuste dodržet <strong>jednotnou grafickou linii</strong>, vaše práce bude působit profesionálněji.</li>



<li>Rozvrhněte si koncept, případně také <strong>drátěný model</strong> (pokud obsah vytváříte pro klienta, nechte si ho schválit).</li>



<li>Pokud můžete, nechte si <strong>čas na zhodnocení</strong> obrázků a znova se na ně podívejte s „čistou hlavou“ a odstupem.</li>



<li>Obrázek <strong>konzultujte</strong> s klientem, dolaďte poslední detaily a publikujte.</li>
</ol>



<p class="wp-block-paragraph">Pokud obrázek budete používat pro více materiálů, vytvořte si&nbsp;<strong>šablonu</strong>, kterou budete postupně upravovat.</p>
<p>Článek <a href="https://vceliste.cz/blog/vizualita-jako-nastroj-komunikace-zakladni-pravidla-pouzivani-obrazku/">Vizualita: Pravidla používání obrázků</a> se nejdříve objevil na <a href="https://vceliste.cz">Včeliště</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://vceliste.cz/blog/vizualita-jako-nastroj-komunikace-zakladni-pravidla-pouzivani-obrazku/feed/</wfw:commentRss>
			<slash:comments>3</slash:comments>
		
		
			</item>
	</channel>
</rss>
