-
Notifications
You must be signed in to change notification settings - Fork 14
/
Copy pathnojpeggl.html
173 lines (140 loc) · 7.99 KB
/
nojpeggl.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="GL">
<head>
<meta charset="utf-8">
<title>NonJPEG</title>
<meta name="description" content="Why you don’t want to use JPEG for your logo">
<meta name="author" content="Xesús M. Mosquera Carregal">
<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>NonJPEG</h1>
<h3>Por que non debes usar JPEG para o teu logo.</h3>
<p>De certo que algunha vez te preguntaches por que os deseñadores andan sempre a pedir un ficheiro EPS</p>
<p>Podes usar as frechas → para avanzares ou preme nos trianguliños azuis de embaixo.</p>
<p>Outros idiomas: <a href="nojpegcz.html">Česky</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">Francés</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>Daquela, cando temos un logo...</h2>
<img src="img/NoJPEG.jpg" alt="NoJPEG">
<p>E é un ficheiro JPEG.</p>
<p class="fragment">Por tanto, ten un fondo branco.</p>
<p class="fragment">E iso non nos mola.</p>
</section>
<section>
<h2>Nós non queremos ter un fondo branco</h2>
<img src="img/slide.jpg" alt="Slide">
<p>É dicir, que pasa se non queremos usar o noso logo cun fondo con outra cor?</p>
<p class="fragment">Non daremos saído deste fondo branco.</p>
</section>
<section>
<h2>Que ocorre se empregamos un ficheiro EPS?</h2>
<img src="img/slide2.jpg" alt="Slide2">
<p>Velaí está! O fondo branco desaparece!.</p>
<p class="fragment">Mais isto non é todo!</p>
</section>
<section>
<h2>Que ocorre se agrandamos un JPEG?</h2>
<img src="img/pixeljpeg.jpg" alt="Pixellated JPEG">
<p>Que se volve horrible inzado de píxeles!</p>
</section>
<section>
<h2>Mais... e se agrandamos un ficheiro EPS?</h2>
<img src="img/slide3.jpg" alt="Slide3">
<p>Olá!! Podemos agrandalo <i>canto queiramos</i> que seguirá igual de nítido.</p>
</section>
<section>
<h2>Outra desvantaxe de empregar JPEG</h2>
<img src="img/NoJPEG_compressed.jpg" alt="compressed JPEG">
<p>Como queira que é un formato cuxa compresión provoca "perdas", a calidade do traballo vese resentida.</p>
</section>
<section>
<h2>Vaia... pero non son quen de abrir un ficheiro EPS!</h2>
<p>É certo. Os ficheiros EPS teñen un formato que podemos considerar como "profesional" e pode ser que non o deas aberto.</p>
<p>(Ora ben, ten a certeza de que todos os deseñadores, impresores e desenvolvedores web non van ter problemas deste tipo.)</p>
<p>Daquela, que podo facer?</p>
</section>
<section>
<h2>Dille ola a...</h2>
<img src="img/png.jpg" alt="PNG">
<p>Os ficheiros PNG. Son coma os JPEG, mais poderalos abrir, empregalos nos teus ficheiros, presentacións etc.</p>
<p class="fragment">E sen fondo branco. Perfecto!!</p>
</section>
<section>
<h2>Daquela, estasme a dicir que necesito ter o logo en dous ficheiros e formatos?</h2>
<p>Si.</p>
<ol>
<li>Un ficheiro EPS para deseñadores, impresores, desenvolvedores web e demais profesionais</li>
<li>Un ficheiro PNG para o teu uso interno, presentacións...</li>
</ol>
</section>
<section>
<h2>Non me cres?</h2>
<p>Vexamos como fai Twitter.</p>
<img src="img/twitter.png" alt="Twitter">
<p>EPS e PNG (chámalles parvos!)</p>
</section>
<section>
<h2>Todo isto é un pouco máis técnico do que se recolle nesta presentación</h2>
<p>mais iso agora non importa. Quédate coa idea de que tes que asegurarte sempre de ter un <i>vector</i> EPS e un PNG cun fondo <i>transparente</i> para o teu logo.</p>
<p>Veña, bule! Xa podes irte. Pásao ben!</p>
</section>
<section>
<h2>Outras opcións para teres en conta...</h2>
<p>Os formatos SVG e PDF pódense empregar dun xeito efectivo para xestionar a túa identidade en liña e mesmo para imprimir... (pregúntalle ao deseñador que teñas de man para máis detalles).</p>
<p>Ora ben, iso <i>non</i> significa que poidas incluír un ficheiro JPEG nun documento de Word e gardalo como PDF.</p>
</section>
<section>
<h1>Créditos</h1>
<p>Obra de <a href="http://larryhynes.com/about.html">Larry Hynes</a>.</p>
<p>Creado co potente <a href="http://lab.hakim.se/reveal-js/#/">Reveal.js</a>.</p>
<p>Inspirado en <a href="http://no-www.org/">no-www.org</a>.</p>
<p>Grazas a <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> e a Al Haigh polos comentarios e suxestións.</p>
<p>Por que non participas no <a href="https://github.com/larryhynes/nojpeg">GitHub</a>?</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>