Ir para conteúdo
  • 0
Jack Oliveira

Formatar imagens PNG em JPEG

Pergunta

Ola galera 

 

Estava vendo alguns tutoriais que se dizem que ao usar imagens PNG elas tira estabilidade do servidor, que o certo e usar apenas jpg ou jpeg

 

Bom nesta questão, pessoal como poderia fazer para que quando a imagens elas forem png fazer ser salvas com jpg mais sem que as perdem a qualidade da imagem

 

Sei que ha algumas imagens elas chegam ha 2000px

 

Alguma forma que eu possa fazer ela fica com o tamanho recomendado pelo próprio site 

Por exemplo 

 

A imagem for 2000px × 1200px

 

Recomendado da imagem for

600px x 300px

 

Mais como disse sem que perca a qualidade

 

Chamam de otimização de imagens correto?

Compartilhar este post


Link para o post
Compartilhar em outros sites

5 respostas a esta questão

Recommended Posts

  • 0

Troque de servidor.
Qualquer imagem que pode ser interpretada por um browser não deveria de maneira alguma desestabilizar um servidor.
Q servidor estás a usar?
Troque por um que usa apache ou nginx

Compartilhar este post


Link para o post
Compartilhar em outros sites
  • 0
Agora, tetsuo disse:

Troque de servidor.
Qualquer imagem que pode ser interpretada por um browser não deveria de maneira alguma desestabilizar um servidor.
Q servidor estás a usar?
Troque por um que usa apache ou nginx

 

Esta sendo usado apache amigo...

Compartilhar este post


Link para o post
Compartilhar em outros sites
  • 0

Assim como o colega já mencionou png ou jpg tanto faz qualquer navegador vai carregar independentemente, pois isso se trata de front e não interfere em nada no servidor exceto no tamanho do armazenamento.

Acontece que imagens PNG são mais pesadas para carregar portanto desaconselhável usar quando não for necessário.

 

18 horas atrás, Jack Oliveira disse:

Recomendado da imagem for

600px x 300px

 

Mais como disse sem que perca a qualidade

É possível mas meio complicado pois requer uso de algumas funções do PHP

  • imagecreatefromjpeg ou imagecreatefrompng
  • imagesximagesy
  • imagecreatetruecolor
  • imagealphablending
  • imagesavealpha
  • imagecopyresampled
  • imagejpeg ou imagepng

Combinando essas funções podemos recriar a imagem conforme desejamos convertendo-a para outro formato ou redimensionando.

 

Por exemplo essa classe para upload de imagens

https://github.com/Spell-Master/source-map/blob/master/system/class/model/ImageUpload.php

Ela utiliza todas as funções acima, assim possui a possibilidade de definir uma altura ou largura máxima para imagem pois se é maior ela a redimensiona.

 

$upload = new ImageUpload('diretorio_onde_salvar');

$upload->sendImage($_FILES['name_do_input'], 'nome da imagem', 600);

Por exemplo se a imagem tiver a altura maior que 600 a classe redimensiona a altura e em proporção igual sua largura para manter o aspecto original, o mesmo vale se a largura for maior que 600.

Compartilhar este post


Link para o post
Compartilhar em outros sites
  • 0
1 hora atrás, Omar~ disse:

Assim como o colega já mencionou png ou jpg tanto faz qualquer navegador vai carregar independentemente, pois isso se trata de front e não interfere em nada no servidor exceto no tamanho do armazenamento.

Acontece que imagens PNG são mais pesadas para carregar portanto desaconselhável usar quando não for necessário.

 

É possível mas meio complicado pois requer uso de algumas funções do PHP

  • imagecreatefromjpeg ou imagecreatefrompng
  • imagesximagesy
  • imagecreatetruecolor
  • imagealphablending
  • imagesavealpha
  • imagecopyresampled
  • imagejpeg ou imagepng

Combinando essas funções podemos recriar a imagem conforme desejamos convertendo-a para outro formato ou redimensionando.

 

Por exemplo essa classe para upload de imagens

https://github.com/Spell-Master/source-map/blob/master/system/class/model/ImageUpload.php

Ela utiliza todas as funções acima, assim possui a possibilidade de definir uma altura ou largura máxima para imagem pois se é maior ela a redimensiona.

 

$upload = new ImageUpload('diretorio_onde_salvar');

$upload->sendImage($_FILES['name_do_input'], 'nome da imagem', 600);

Por exemplo se a imagem tiver a altura maior que 600 a classe redimensiona a altura e em proporção igual sua largura para manter o aspecto original, o mesmo vale se a largura for maior que 600.

Obrigado novamente omar...

 

Bom neste caso sobre png questões de ser pesada, muitas das imagens sera clientes que vao cadastrar elas conforme for suas logo ou banner..

 

Neste caso sempre vai imagem vamos dizer full kkkk

 

Para evitar isso ja fazer com que elas ficam tamanhos padrao conforme solicitado no site entende... porem que as imagens deles nao percam a quantidade delas ..

 

Ou seja ao ser salvas no banco elas tenha o 600px etc.. 

 

 

 

Mais vou ver seu código ai 

Compartilhar este post


Link para o post
Compartilhar em outros sites
  • 0

Qualquer imagem que pode ser interpretada por um browser não deveria de maneira alguma desestabilizar um servidor. tentar Prisma Mod.
Q servidor estás a usar?
Troque por um que usa nginx

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por mancialeo_geo
      Olá pessoal! Trabalho com mapas no qgis e finalizo os layouts no corel, faço omapeamento das areas com vants, mas me aconteceude não mapear toda area tive que completar com imagem de satelite, finalizo ele no qgis exporto como pdf, em programas para abrir pdfs ele abre normal, quando abro o pdf no corel ele coe umapartes das imagens transformando elas em png, como resolvo isso é problema no qgis ou no corel?
    • Por KD14
      Exemplo: Meu arquivo no illustrator tem as dimensões de 2000 x 2000 px (o mesmo tamanho da prancheta), quando eu exporto para JPEG ou PNG ele fica com as dimensões de 4168 x 4167.
      Alguém sabe o porque disso?
    • Por eduardoalmeida
      Seguinte galera!!! 
      Estou criando um logotipo pessoal, pra apresentação de um trabalho.. porém sou iniciante em photoshop.. sei quase nada rs 
      Poderiam me ajudar??!!
       
      Seguinte, gostaria de fazer essas 3 "faixas" da imagem
       

       
      Exatamente 3 faixas assim.. como é o nome? Talvez com nome encontro tutoriais no youtube rs 
       
      Agradeço desde já!
    • Por Victordiniz
      Bom dia a todos, confesso que não sei quase nada de html mais estou tentando, quem poder me ajudar fico muito agradecido.
      Bom estou criando um efeito html que é composto por 3 imagens que ao passar o mouse a imagem 1 é substituída por a 2 e ao tirar o mouse pela imagem 3.
      Porém a imagem 2 irá ser no formato WebP  e com isso estou tendo problemas no navegador Firefox que não suporta o formato.
      A unica alternativa seria dentro do efeito chamar uma imagem Jpg pra substituír a Webp quando o navegador não suportar. E ai que está o problema não estou conseguindo chamar essa imagem. Desde já muito obrigado. 
       
      Esse é o HTML:
       
      <a href="ENDEREÇO-DO-LINK"><img src="ENDEREÇO-DA-IMAGEM-1" border="0" onmouseover="this.src='ENDEREÇO-DA-IMAGEM-2'" onmouseout="this.src='ENDEREÇO-DA-IMAGEM-1'"></a>
    • Por Caio Dom
      Boa tarde, estou usando esse código para fazer com que as imagens carreguem mais rápido, porém só funciona com JPG, gostaria que funcionasse também com PNG, se alguém puder me ajudar agradeço. Segue o código abaixo:
      <?php // The file $qualita = $_REQUEST['q']; if(!$qualita) { $qualita = 1; } $filename = $_GET['img']; $prop = $_REQUEST['scala']; if(!$prop) { $prop = 1; } // Set a maximum height and width // Content type header('Content-Type: image/jpeg'); // Get new dimensions list($width_orig, $height_orig) = getimagesize($filename); //$width = $prop*621; //$height = $prop*502; $width = 1000; $height = 667; //maantem ration $ratio_orig = $width_orig/$height_orig; if ($width/$height > $ratio_orig) { $width = $height*$ratio_orig; } else { $height = $width/$ratio_orig; } // Resample $image_p = imagecreatetruecolor($width, $height); $image = imagecreatefromjpeg($filename); imagecopyresampled($image_p, $image, 0, 0, 0, 0, $width_orig*$prop, $height_orig*$prop, $width_orig, $height_orig); // Output imagejpeg($image_p, null, 100); ?>  
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.