<?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>P.Pereira Comunicação</title>
	<atom:link href="http://www.ppereira.com.br/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ppereira.com.br/blog</link>
	<description>Uma agência especializada no mercado pet</description>
	<lastBuildDate>Tue, 28 Sep 2010 20:07:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Redimensionando imagens</title>
		<link>http://www.ppereira.com.br/blog/dicas-tutoriais/redimensionando-imagens/</link>
		<comments>http://www.ppereira.com.br/blog/dicas-tutoriais/redimensionando-imagens/#comments</comments>
		<pubDate>Tue, 28 Sep 2010 20:05:11 +0000</pubDate>
		<dc:creator>Paulo Pereira</dc:creator>
				<category><![CDATA[Dicas & Tutoriais]]></category>
		<category><![CDATA[admin]]></category>
		<category><![CDATA[administrativo]]></category>
		<category><![CDATA[imagem]]></category>
		<category><![CDATA[picnik]]></category>
		<category><![CDATA[redimensionar]]></category>
		<category><![CDATA[sistema]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.ppereira.com.br/blog/?p=35</guid>
		<description><![CDATA[<p><img width="300" height="223" src="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/resize011-300x223.jpg" class="attachment-medium wp-post-image" alt="resize01" title="resize01" /></p>Aprenda a utilizar o programa de edição de fotos do site Picnik.com e manipule as imagens do seu site para que as página carreguem mais rápido. Escolhi este programa pela facilidade de utilização.]]></description>
			<content:encoded><![CDATA[<p><img width="300" height="223" src="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/resize011-300x223.jpg" class="attachment-medium wp-post-image" alt="resize01" title="resize01" /></p><p>Entre no site <a href="http://www.picnik.com" target="_blank">www.picnik.com</a>, e clique no botão &#8220;Get Started Now&#8221;, que está  no centro da tela. Em seguida,  você aparecerá um barra de progresso que vai carregar o aplicativo de edição de imagens no seu navegador. O tempo para carregar depende da velocidade da sua conexão de internet e também do computador, mas geralmente leva alguns segundos. Após carregado, o site vai exibir a tela abaixo. Clique no botão &#8220;Upload a photo&#8221;, marcado em vermelho.</p>
<p><a title="Tela de entrada. Clique em Upload a photo" rel="lightbox" href="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/tela011.jpg"><br />
<img class="aligncenter size-medium wp-image-28" title="abrindo a imagem" src="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/tela011-300x219.jpg" alt="abrindo a imagem" width="300" height="219" /><br />
</a></p>
<p>Na janela que abrir, escolha a sua foto. Automaticamente a foto é carregada para ser editada. Assim que todo o processo de carregamento acabar, você verá uma tela como a da imagem abaixo. No canto inferior direito, existe uma faixa que mostra o tamanho original da imagem (em pixels). Normalmente, o tamanho ideal para uso da imagem na internet é de 600 pixels na largura para fotos em formato horizontal (landscape) ou 500 pixels de largura para fotos em formato vertical (portrait). Repare que abaixo da informação de tamanho da imagem aparece um valor em porcentagem da imagem em relação ao tamanho do seu monitor. Se o valor está abaixo de 100%, é sinal que foi redimensionada para caber na área do seu monitor. Clique em &#8220;Resize&#8221; para mudar o tamanho da imagem.</p>
<p><a title="Clique em Resize para alterar o tamanho da foto" rel="lightbox" href="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/resize01.jpg"><img src="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/resize01-300x223.jpg" alt="redimensionando a imagem" title="redimensionando a imagem" width="300" height="223" class="aligncenter size-medium wp-image-38" /></a></p>
<p>Repare na tela abaixo que os valores apresentados são os do tamanho original da imagem.</p>
<p><a title="O tamanho original da foto é apresentado na parte de cima da página" rel="lightbox" href="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/resize02.jpg"><img src="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/resize02-300x223.jpg" alt="redimensionando a imagem" title="redimensionando a imagem" width="300" height="223" class="aligncenter size-medium wp-image-40" /></a></p>
<p>Como essa imagem tem o formato horizontal, vamos ativar a opção &#8220;Keep Proportions&#8221; e mudar o valor do primeiro box para 600. O segundo quadro muda sozinho para 450. Isso porque a opção &#8220;Keep proportions&#8221; faz com que os valores se ajustem automaticamente. Veja também que na faixa na parte de baixo, os valores também mudam, bem como a porcentagem (deve ficar 100% ou em um valor próximo).</p>
<p><a title="Lembre-se: 600 pixels para fotos horizontais e 500 para fotos verticais" rel="lightbox" href="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/resize03.jpg"><img src="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/resize03-300x223.jpg" alt="redimensionando imagens" title="redimensionando imagens" width="300" height="223" class="aligncenter size-medium wp-image-41" /></a></p>
<p>Clique em OK e você volta para a página de edição. Se não gostou do resultado e quiser redimensionar a foto novamente, clique no botão “Undo”, marcado na tela em vermelho. Se quiser finalizar e salvar a foto, clique na aba “Save &#038; Share”, acima do botão “Undo”, conforme a tela abaixo.</p>
<p><a title="Lembre-se: Undo para redimensionar a foto novamente ou Save &#038; Share para salvar a foto" rel="lightbox" href="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/resize04.jpg"><img src="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/resize04-300x223.jpg" alt="salvando a imagem" title="salvando a imagem" width="300" height="223" class="aligncenter size-medium wp-image-44" /></a></p>
<p>Certifique-se que a opção “Save to Computer” está selecionada (tela abaixo). Coloque o novo nome da foto (lembre-se: utilize apenas números e letras, sem espaços, acentuação ou caracteres especiais), confirme a medida da foto (tem que ser a que você colocou anteriormente), no formato escolha JPEG e a compressão da foto (JPEG Compression Quality), coloque em “6″. Isso vai criar uma foto com tamanho otimizado para web com qualidade suficiente. A seguir, clique em “Save Photo”.  Escolha a pasta de destino e pronto, sua foto vai ser salva e está pronta para ser colocada no administrativo!</p>
<p><a title="Lembre-se: utilize apenas números e letras, sem espaços, acentuação ou caracteres especiais" rel="lightbox" href="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/resize05.jpg"><img src="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/resize05-300x223.jpg" alt="salvando a imagem" title="salvando a imagem" width="300" height="223" class="aligncenter size-medium wp-image-46" /></a></p>
<p>Após salvar, aparece uma tela (abaixo), dizendo a foto foi salva com sucesso e perguntando se você quer continuar a edição ou fechar a mesma. Clique em “Close Photo” e você vai para a a primeira tela onde você pode manipular outra foto.</p>
<p><a title="Tudo Ok! Agora é so clicar em Close Photo e partir para a foto seguinte" rel="lightbox" href="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/tela06.jpg"><img class="aligncenter size-medium wp-image-31" title="finalizando a foto" src="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/tela06-300x219.jpg" alt="finalizando a foto" width="300" height="219" /></a></p>
<p>Em caso de dúvidas, mais informações e sugestões sobre este tutorial, deixe um comentário ou entre em contato.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ppereira.com.br/blog/dicas-tutoriais/redimensionando-imagens/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>Criando imagens thumbnail para o sistema administrativo</title>
		<link>http://www.ppereira.com.br/blog/dicas-tutoriais/criando-imagens-thumbnail/</link>
		<comments>http://www.ppereira.com.br/blog/dicas-tutoriais/criando-imagens-thumbnail/#comments</comments>
		<pubDate>Tue, 28 Sep 2010 16:06:23 +0000</pubDate>
		<dc:creator>Paulo Pereira</dc:creator>
				<category><![CDATA[Dicas & Tutoriais]]></category>
		<category><![CDATA[admin]]></category>
		<category><![CDATA[administrativo]]></category>
		<category><![CDATA[imagem]]></category>
		<category><![CDATA[piknic]]></category>
		<category><![CDATA[sistema]]></category>
		<category><![CDATA[thumbnail]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.ppereira.com.br/blog/?p=12</guid>
		<description><![CDATA[<p><img width="260" height="200" src="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/minhafoto01.jpg" class="attachment-medium wp-post-image" alt="minhafoto01" title="minhafoto01" /></p>Aprenda a utilizar o programa de edição de fotos do site Picnik.com e manipule as imagens do seu site para que as página carreguem mais rápido. Escolhi este programa pela facilidade de utilização.]]></description>
			<content:encoded><![CDATA[<p><img width="260" height="200" src="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/minhafoto01.jpg" class="attachment-medium wp-post-image" alt="minhafoto01" title="minhafoto01" /></p><p>Entre no site <a href="http://www.picnik.com" target="_blank">www.picnik.com</a>, e clique no botão &#8220;Get Started Now&#8221;, que está  no centro da tela. Em seguida,  você aparecerá um barra de progresso que vai carregar o aplicativo de edição de imagens no seu navegador. O tempo para carregar depende da velocidade da sua conexão de internet e também do computador, mas geralmente leva alguns segundos. Após carregado, o site vai exibir a tela abaixo. Clique no botão &#8220;Upload a photo&#8221;, marcado em vermelho.</p>
<p><a title="Tela de entrada. Clique em Upload a photo" rel="lightbox" href="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/tela011.jpg"><br />
<img class="aligncenter size-medium wp-image-28" title="abrindo a imagem" src="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/tela011-300x219.jpg" alt="abrindo a imagem" width="300" height="219" /><br />
</a></p>
<p>Na janela que abrir, escolha a sua foto. Automaticamente a foto é carregada para ser editada. Assim que todo o processo de carregamento acabar, você verá uma tela como a da imagem abaixo. No canto inferior direito, existe uma faixa que mostra o tamanho original da imagem (em pixels).  Para começar a edição do thumbnail, clique em &#8220;Crop&#8221;, no alto da página (é um item do menu &#8220;Edit&#8221;).</p>
<p><a title="Clique em Crop para fazer a edição da página" rel="lightbox" href="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/tela02.jpg"><img class="aligncenter size-medium wp-image-17" title="edição da foto" src="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/tela02-300x219.jpg" alt="edição da foto" width="300" height="219" /></a></p>
<p>Na tela seguinte (abaixo), escolha as opções &#8220;No Constraints&#8221;, no menu de opções ao lado da palavra &#8220;Crop&#8221; e, <strong>muito importante, coloque a medida das imagens conforme orientação do administrativo do site</strong>. Como exemplo, utilizei 260 pixels para a largura e 200 pixels para a altura. Marque também a opção &#8220;Scale Photo&#8221;.  Agora, você pode arrastar  as alças (bolinhas) nos cantos da imagem para selecionar o pedaço da imagem que você quer utilizar como thumbnail. O quadro sempre terá a proporção da medida que você colocou.  Após selecionar a área que você deseja, clique em &#8220;OK&#8221;</p>
<p><a title="Lembre-se: a medida da imagem é a definida pelo administrativo do site. Primeiro a largura e em segundo a altura (em pixels)" rel="lightbox" href="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/tela03.jpg"><img class="aligncenter size-medium wp-image-20" title="editando a foto" src="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/tela03-300x219.jpg" alt="editando a foto" width="300" height="219" /></a></p>
<p>Você verá uma nova tela (abaixo), com a imagem já recortada e mostrando o tamanho final (que você colocou). Se não gostou do resultado e quiser refazer o recorte da foto, clique no botão &#8220;Undo&#8221;, marcado na tela em vermelho. Se quiser finalizar e salvar a foto, clique na aba &#8220;Save &amp; Share&#8221;, acima do botão &#8220;Undo&#8221;.</p>
<p><a title="Clique em Save &amp; Share para salvar ou Undo para refazer a foto" rel="lightbox" href="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/tela04.jpg"><img class="aligncenter size-medium wp-image-21" title="vendo o resultado do recorte" src="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/tela04-300x219.jpg" alt="vendo o resultado do recorte" width="300" height="219" /></a></p>
<p>Certifique-se na tela seguinte que a opção &#8220;Save to Computer &#8221; está selecionada. coloque o novo nome da foto (lembre-se: utilize apenas números e letras, sem espaços, acentuação ou caracteres especiais), confirme  a medida da foto (tem que ser a que você colocou anteriormente), no formato escolha JPEG e a compressão da foto (JPEG Compression Quality), coloque em &#8220;6&#8243;. Isso vai criar uma foto com tamanho pequeno porém com qualidade suficiente. A seguir, clique em &#8220;Save Photo&#8221;.  Escolha a pasta de destino e pronto, sua foto vai ser salva e está pronta para ser colocada no administrativo!</p>
<p><a title="Utilize apenas números e letras, sem espaços, acentuação ou caracteres especiais no nome do arquivo" rel="lightbox" href="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/tela05.jpg"><img class="aligncenter size-medium wp-image-22" title="salvando a foto" src="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/tela05-300x219.jpg" alt="salvando a foto" width="300" height="219" /></a>Após salvar, aparece uma tela (abaixo), dizendo a foto foi salva com sucesso e perguntando se você quer continuar a edição ou fechar a mesma. Clique em &#8220;Close Photo&#8221; e você vai para a a primeira tela onde você pode manipular outra foto.</p>
<p><a title="Tudo Ok! Agora é so clicar em Close Photo e partir para a foto seguinte" rel="lightbox" href="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/tela06.jpg"><img class="aligncenter size-medium wp-image-31" title="finalizando a foto" src="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/tela06-300x219.jpg" alt="finalizando a foto" width="300" height="219" /></a></p>
<p>Em caso de dúvidas, mais informações e sugestões sobre este tutorial, deixe um comentário ou entre em contato.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ppereira.com.br/blog/dicas-tutoriais/criando-imagens-thumbnail/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Bem vindo ao nosso blog!</title>
		<link>http://www.ppereira.com.br/blog/artigos/ola-mundo/</link>
		<comments>http://www.ppereira.com.br/blog/artigos/ola-mundo/#comments</comments>
		<pubDate>Mon, 27 Sep 2010 14:26:48 +0000</pubDate>
		<dc:creator>Paulo Pereira</dc:creator>
				<category><![CDATA[Artigos]]></category>

		<guid isPermaLink="false">http://www.ppereira.com.br/blog/?p=1</guid>
		<description><![CDATA[<p><img width="300" height="300" src="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/portfolio-300x300.jpg" class="attachment-medium wp-post-image" alt="portfolio" title="portfolio" /></p>Bem-vindo ao blog da P.Pereira Comunicação. Aqui você encontrará diversas informações sobre nossos trabalhos, dicas de design e notícias sobre o mundo pet!]]></description>
			<content:encoded><![CDATA[<p><img width="300" height="300" src="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/portfolio-300x300.jpg" class="attachment-medium wp-post-image" alt="portfolio" title="portfolio" /></p><p><span id="more-1"></span><br />
<a href="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/portfolio.jpg"><img class="alignleft size-medium wp-image-5" title="portfolio" src="http://www.ppereira.com.br/blog/wp-content/uploads/2010/09/portfolio-300x300.jpg" alt="" width="300" height="300" /></a></p>
<p>Bem-vindo ao blog da P.Pereira Comunicação. Aqui você encontrará diversas informações sobre nossos trabalhos, dicas de design e notícias sobre o mundo pet!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ppereira.com.br/blog/artigos/ola-mundo/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

