forked from larryhynes/nojpeg
-
Notifications
You must be signed in to change notification settings - Fork 0
/
nojpegcz.html
173 lines (140 loc) · 6.92 KB
/
nojpegcz.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
<!doctype html>
<html lang="CS">
<head>
<meta charset="utf-8">
<title>NeJPEGu</title>
<meta name="description" content="Proč nechcete používat JPEG pro svoje logo">
<meta name="author" content="Luděk Šanda">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="reveal/css/reveal.min.css">
<link rel="stylesheet" href="reveal/css/theme/nojpeg.css" id="theme">
<!-- Printing and PDF exports -->
<script>
var link = document.createElement( 'link' );
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = window.location.search.match( /print-pdf/gi ) ? 'reveal/css/print/pdf.css' : 'reveal/css/print/paper.css';
document.getElementsByTagName( 'head' )[0].appendChild( link );
</script>
<!--[if lt IE 9]>
<script src="lib/js/html5shiv.js"></script>
<![endif]-->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/manifest.json">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<meta name="apple-mobile-web-app-title" content="NoJPEG">
<meta name="application-name" content="NoJPEG">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<div class="reveal">
<!-- Any section element inside of this container is displayed as a slide -->
<div class="slides">
<section>
<h1>NeJPEGu</h1>
<h3>Proč nechcete používat svoje logo v JPEGu.</h3>
<p>Už jste někdy uvažovali nad tím, proč po Vás grafici neustále požadují EPS soubor?</p>
<p>Pro pokračování použijte klávesu → nebo klikněte na malou modrou šipku dole na stránce.</p>
<p><a href="index.html">English</a>, <a href="nojpegptpt.html">Português</a>, <a href="nojpegpt.html">Português Brasileiro</a>, <a href="nojpegit.html">Italiano</a>, <a href="nojpeges.html">Español</a>, <a href="nojpegfr.html">Francais</a>, <a href="nojpeggl.html">Galego</a>, <a href="nojpegca.html">Català</a>, <a href="nojpegnl.html">Nederlands</a>, <a href="nojpegru.html">Русский</a>, <a href="nojpegtr.html">Türkçe</a>.</p>
</section>
<section>
<h2>Tak tu máme logo...</h2>
<img src="img/NoJPEG.jpg" alt="NoJPEG">
<p>A je v JPEGu.</p>
<p class="fragment">Takže obsahuje bílé pozadí…</p>
<p class="fragment">To není dobré.</p>
</section>
<section>
<h2>My bílé pozadí nechceme</h2>
<img src="img/slide.jpg" alt="Slide">
<p>Co když budeme chtít použít logo na barevném podkladu?</p>
<p class="fragment">Ano, zůstane nám bílý rámeček okolo.</p>
</section>
<section>
<h2>Co se stane, když použijeme EPS soubor?</h2>
<img src="img/slide2.jpg" alt="Slide2">
<p>Ta-dá! Žádné bílé pozadí.</p>
<p class="fragment">Ale počkat, je toho víc!</p>
</section>
<section>
<h2>Co se stane, když JPEG zvětšíme?</h2>
<img src="img/pixeljpeg.jpg" alt="Pixellated JPEG">
<p>Najednou je celý rozmazaný a vypadá příšerně!</p>
</section>
<section>
<h2>A co když zvětšíme EPS soubor?</h2>
<img src="img/slide3.jpg" alt="Slide3">
<p>Ta-dá! EPS můžeme zvětšovat <i>do nekonečna</i> a zůstane čistý a ostrý.</p>
</section>
<section>
<h2>Další nevýhoda JPEGu</h2>
<img src="img/NoJPEG_compressed.jpg" alt="compressed JPEG">
<p>Protože je JPEG formát "ztrátové" komprese, kvalita loga může utrpět.</p>
</section>
<section>
<h2>"Ale já si nemůžu prohlížet soubory EPS!"</h2>
<p>Je pravda, že EPS soubory jsou spíše pro profesionály. Pravděpodobně ho opravdu neotevřete.</p>
<p>(Ale buďte si jisti, že každý grafik, tiskař nebo vývojář webů ano.)</p>
<p>Tak co budeme dělat?</p>
</section>
<section>
<h2>Přivítejte...</h2>
<img src="img/png.jpg" alt="PNG">
<p>PNG soubor. Můžete ho otevřít stejně jako JPEG - používejte ho na interní dokumenty, prezentace atp.</p>
<p class="fragment">A nemá bílé pozadí – hurá!</p>
</section>
<section>
<h2>"Takže mi říkáte, že potřebuju dva různé soubory s logem?"</h2>
<p>Ano.</p>
<ol>
<li>EPS soubor pro tiskaře, grafiky a další profesionály.</li>
<li>PNG soubor pro vlastní použití na prezentace atp.</li>
</ol>
</section>
<section>
<h2>Nevěříte?</h2>
<p>Zeptejme se Twitteru, jak to dělají oni.</p>
<img src="img/twitter.png" alt="Twitter">
<p>EPS a PNG. (A tihle hoši jsou chytří.)</p>
</section>
<section>
<h2>Ve skutečnosti je to trochu složitější, než tahle prezentace předstírá</h2>
<p>Ale to nechte plavat. Jen se ujistěte, že máte Vaše logo ve <i>vektorovém</i> EPS souboru a PNG souboru s <i>průhledným</i> pozadím.</p>
<p>Nyní jste připraveni, gratulujeme!</p>
</section>
<section>
<h2>Další možnosti...</h2>
<p>SVG a PDF formáty mohou být také efektivně použity pro Vaši grafickou identitu jak online tak v tisku... zeptejte se svého nejbližšího grafika na detaily.</p>
<p>(To ovšem <i>neznamená</i> že můžete vložit JPEG soubor do Wordu a uložit ho jako PDF!)</p>
</section>
<section>
<h1>Zásluhy</h1>
<p>Překlad do češtiny <a href="mailto:[email protected]">Luděk Šanda</a>.</p>
<p>Autor <a href="http://larryhynes.com/about.html">Larry Hynes</a>.</p>
<p>Vytvořeno mocným <a href="http://lab.hakim.se/reveal-js/#/">Reveal.js</a>.</p>
<p>Inspirace z <a href="http://no-www.org/">no-www.org</a>.</p>
<p>S díky pro <a href="https://twitter.com/joffley">@joffley</a>, <a href="https://twitter.com/bjango">@bjango</a>, <a href="https://twitter.com/jescalan">@jescalan</a>, <a href="https://twitter.com/arnauvp">@arnauvp</a> and Al Haigh za zpětnou vazbu a doporučení.</p>
</section>
</div>
</div>
<script src="reveal/lib/js/head.min.js"></script>
<script src="reveal/js/reveal.min.js"></script>
<script>
// Full list of configuration options available here:
// https://github.com/hakimel/reveal.js#configuration
Reveal.initialize({
history: true,
transition: 'convex',
// Optional libraries used to extend on reveal.js
dependencies: [
{ src: 'reveal/lib/js/classList.js', condition: function() { return !document.body.classList; } },
{ src: 'reveal/plugin/zoom-js/zoom.js', async: true },
]
});
</script>
</body>
</html>