Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

ronison rodrigues melo

Como o Twitter usa imagem no fundo e fica leve?

Recommended Posts

Olá Pessoal eu sou novo aqui no Fórum, e eu queria saber de uma coisa, eu to fazendo um site e usando imagem de fundo, cada aluno da escola vai ter sua conta, e cada um vai colocar uma imagem de fundo de sua preferencia, mais ta ficando muito pesado, ai eu queria saber como é que o twitter faz pra usar imagem de fundo e mesmo assim continua muito leve?

 

Se poderem me ajudem ai com essa duvida

Compartilhar este post


Link para o post
Compartilhar em outros sites

amigo

 

Lá no photoshop tem um opção salvar para web

 

Ela você pode pegar um imagem de 300dpi e mininuir o tamanho em disco dela

ok mais são os usuarios que vão colocar as fotos que desejarem e colocar, entao como eu fasso isso usando php?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Ao usar uma imagem grande, quanto mais leve melhor. Para muitas cores, o formato jpg é mais leve que png. Para poucas cores, a qualidade em formato gif é aceitável.

 

No Photoshop, observe os níveis de compressão em Save for Web e Devices.

 

Teste no navegador, em diferentes monitores.

 

Para background, pode aplicar uma textura/pattern, ou seja, uma imagem pequena, com poucos KB, repetida no eixo x e y. Esse recurso é recomendável, agiliza o carregamento de páginas.

 

Se usar um sistema de upload, informe o usuário do limite aceito, por exemplo, máximo de 100 KB e 1600 x 1200 px.

 

 

Abs

Compartilhar este post


Link para o post
Compartilhar em outros sites

Faça uma pesquisa no Google... existem vários scripts que limitam o tamanho dos arquivos na hora do upload e que também condensam o tamanho depois do upload.g.gif

Compartilhar este post


Link para o post
Compartilhar em outros sites

alguns sites tem script que diminue a qualidade das imagens, quando são enviadas

 

exemplo: Quando envie um imagem 5 mg no facebook, o mesma automaticamente eh transformada em 300k,

 

A mesma coisa acontece com o twitter

Compartilhar este post


Link para o post
Compartilhar em outros sites

alguns sites tem script que diminue a qualidade das imagens, quando são enviadas

 

exemplo: Quando envie um imagem 5 mg no facebook, o mesma automaticamente eh transformada em 300k,

 

A mesma coisa acontece com o twitter

isso é isso mesmo que eu quero amigo, mais vc poderia me passar um link ensinando como fazer isso?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara, eu achei este código e adaptei para mim, talvez vc possa usá-lo também... eu retirei as partes que não interessam.

Este script pega a imagem e faz o upload no tamanho que você quiser... tomara que te ajude!

 

<?php
include "conexao.php";
error_reporting (E_ALL ^ E_NOTICE);
session_start();

if (!isset($_SESSION['usuario']) || strlen($_SESSION['usuario'])==0){
    $_SESSION['usuario'] = $usuario;   //nomear com a variável da session

$semfoto = "sem_foto.jpg";
$upload_dir = "../fotos";        // pasta de armazenamento das fotos
$upload_path = $upload_dir."/";       // caminho da pasta com a inserção da barra
$large_image_prefix = "resize_";       // prefixo do nome da imagem
$large_image_name = $large_image_prefix.$_SESSION['usuario'].".jpg";  // novo nome da imagem com adição do nome de usuário logado na session
$max_file = "1148576";         // tamanho da imagem - 1MB
$max_width = "300";        // qual o tamanho que você que que a imagem fique (vá alterando este número e verificando o tamanho que fica)
 
function resizeImage($image,$width,$height,$scale) {
 $newImageWidth = ceil($width * $scale);
 $newImageHeight = ceil($height * $scale);
 $newImage = imagecreatetruecolor($newImageWidth,$newImageHeight);
 $source = imagecreatefromjpeg($image);
 imagecopyresampled($newImage,$source,0,0,0,0,$newImageWidth,$newImageHeight,$width,$height);
 imagejpeg($newImage,$image,90);
 chmod($image, 0777);
 return $image;
}
//Altura da imagem
function getHeight($image) {
 $sizes = getimagesize($image);
 $height = $sizes[1];
 return $height;
}
//Larguma da imagem
function getWidth($image) {
 $sizes = getimagesize($image);
 $width = $sizes[0];
 return $width;
}
//local da imagem
$large_image_location = $upload_path.$large_image_name;
//Cria o diretório de upload com as permissões certas se não existe
if(!is_dir($upload_dir)){
 mkdir($upload_dir, 0777);
 chmod($upload_dir, 0777);
}
//Confere as imagens com o mesmo nome, se tiver, sobrescreve
if (file_exists($large_image_location)){
$large_photo_exists = "<img src=\"".$upload_path.$large_image_name."\" alt=\"Large Image\"/>";
} else {
$large_photo_exists = "";
}
if (isset($_POST["upload"])) {
 //Informações do arquivo
 $userfile_name = $_FILES['image']['name'];
 $userfile_tmp = $_FILES['image']['tmp_name'];
 $userfile_size = $_FILES['image']['size'];
 $filename = basename($_FILES['image']['name']);
 $file_ext = substr($filename, strrpos($filename, '.') + 1);
 
 //Checa a extensão e tamanho do arquivo
 if((!empty($_FILES["image"])) && ($_FILES['image']['error'] == 0)) {
 if (($userfile_size > $max_file) || ($userfile_name > 0)) { // Checa erro
 
 $error= "Sua foto excedeu o limite máximo permitido de 1MB.\\nEscolha outra foto.";
 }
 elseif ($file_ext != 'jpg') {
 echo "<script language='javascript'>alert('Somente arquivos com a extensão JPG são permitidos!');history.go(-1);</script>";
 exit;
 }
 } else {
 $error= "Você não selecionou nenhuma foto!";
 }
 
 //Se está tudo OK, prossegue
 if (strlen($error)==0){
 
  if (isset($_FILES['image']['name'])){
   
   move_uploaded_file($userfile_tmp, $large_image_location);
   chmod($large_image_location, 0777);
   
   $width = getWidth($large_image_location);
   $height = getHeight($large_image_location);
   
   //Escala a imagem com as informações obtidas
   if ($width > $max_width){
    $scale = $max_width/$width;
    $uploaded = resizeImage($large_image_location,$width,$height,$scale);
   }else{
    $scale = 1;
    $uploaded = resizeImage($large_image_location,$width,$height,$scale);
   }
  }
  header("Location: suapagina.php");
  exit();
 }
}
if(strlen($error) > 0) {
echo "<script language='javascript'>alert('$error');history.go(-1);</script>";
exit;
?>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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