Jump to content
  • 0
Jack Oliveira

Formatar imagens PNG em JPEG

Question

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?

Share this post


Link to post
Share on other sites

5 answers to this question

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

Share this post


Link to post
Share on other 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...

Share this post


Link to post
Share on other 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.

Share this post


Link to post
Share on other 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 

Share this post


Link to post
Share on other 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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By 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?
    • By 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?
    • By 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á!
    • By 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>
    • By 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); ?>  
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.