← UI & UX Design

Imagens na web com blur =/

Lida 4686 vezes

Offline

Webito 
Membro
Mensagens 300 Gostos 0
Feedback +7

Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Boas


Tenho um pequeno problema. Tenho um site feito a photoshop e quando fiz o upload das imagens para o servidor, elas ficam com uma especia de blur...

Este genero:



Cima: Website no pc, Baixo: Website no host

Alguem sabe como posso evitar isso?

Cumps
Offline

Thomato 
Membro
Mensagens 4125 Gostos 3
Feedback +2

Troféus totais: 28
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

O "desfoque" só aparece depois de gravares?
Offline

Webito 
Membro
Mensagens 300 Gostos 0
Feedback +7

Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Não, ele gravado fica como a de cima! Mas quando faço upload para o host, o site fica com a imagem como está em baixo!
Offline

Pedro Lopes 
Beta tester
Mensagens 3568 Gostos 18
Feedback +6

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

Que sistema de upload estás a usar? É algum CMS?
Offline

Webito 
Membro
Mensagens 300 Gostos 0
Feedback +7

Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Uso o Filezilla para fazer up. O site tá simples todo em html, foi só fazer em photoshop e upload para o servidor... e fica assim =/
Offline

tomassantos 
Membro
Mensagens 1061 Gostos 1
Feedback +1

Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

Desculpa usar o tópico, mas eu tou com um problema parecido.

Tenho uma imagem mesmo no computador, e está tudo bem com ela, ao inseri-la normalmente num ficheiro html ela fica com essa espécie de blur.

Alguém sabe qual é o problema.
Offline

Pedro Lopes 
Beta tester
Mensagens 3568 Gostos 18
Feedback +6

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

Como estão a guardar a imagem? Com que especificações?

Que servidor estão a usar? Que programa de FTP estas a usar tomassantos?
Offline

Webito 
Membro
Mensagens 300 Gostos 0
Feedback +7

Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Como estão a guardar a imagem? Com que especificações?

Que servidor estão a usar? Que programa de FTP estas a usar tomassantos?

As minhas estão guardadas em .PNG
Estou a usar a SmartSP
Offline

tomassantos 
Membro
Mensagens 1061 Gostos 1
Feedback +1

Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

Como estão a guardar a imagem? Com que especificações?

Que servidor estão a usar? Que programa de FTP estas a usar tomassantos?

Isto acontece mesmo a ver no computador, e se vir a imagem sozinha está boa.


Se o problema for do html, está aqui:
Código: [Seleccione]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>...</title>
<meta name="description" content="...">
<meta name="keywords" content="...">
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>

<div class="wrapper">

<div id="header">

<a href=""><img border="0" src="logo.png" width="350" height="62"></a>

<div id="content_right">


</div>

</div>



<div id="content_left">


</div>

<div id="content">





</div>



<div id="footer">

</div>


</div>

 
</body>

</html>

Offline

Pedro Lopes 
Beta tester
Mensagens 3568 Gostos 18
Feedback +6

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

O html em si não pode fazer nada. Não respondeste as minhas perguntas. xD lol
Offline

tomassantos 
Membro
Mensagens 1061 Gostos 1
Feedback +1

Troféus totais: 26
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

O html em si não pode fazer nada. Não respondeste as minhas perguntas. xD lol

Respondi  :grin:

Não interessa o FTP, porque também no pc isso acontece, nem as especificações, porque a imagem sem ser na página está boa. Mas tá em .png com as definições standart do Photoshop.

O tamanho da imagem no html está  certo

Offline

Pedro Lopes 
Beta tester
Mensagens 3568 Gostos 18
Feedback +6

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

Tambem acontece se estiver no html, mas no pc?

Isso é estranho! :S
Offline

Pedro Lopes 
Beta tester
Mensagens 3568 Gostos 18
Feedback +6

Troféus totais: 32
Trófeus: (Ver todos)
Level 6 Windows User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3

As minhas estão guardadas em .PNG
Estou a usar a SmartSP

A ti também te acontece como o tomassantos, mesmo em html, mas no PC?
Offline

Webito 
Membro
Mensagens 300 Gostos 0
Feedback +7

Troféus totais: 23
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

Eu se abrir o html no pc, fica impecável! Porque as imagens no pc estão boas! Só na net é que ficam desfocadas!
Offline

Thomato 
Membro
Mensagens 4125 Gostos 3
Feedback +2

Troféus totais: 28
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

Código: [Seleccione]
<a href=""><img border="0" src="logo.png" width="350" height="62"></a>Essas medidas, provavelmente, estão erradas. Experimenta eliminar as tags width e height.