Search the Community

Olá pessoal sou novo no CSS e estou com um pequeno problema, deve ser fácil de resolver mas sou novato nessa área. Tenho uma div sidebar com float: rigth e width:300px fixo e tenho uma div responsivo com float:left e width:100%, o que eu preciso é que a div responsivo fique com 100% do lado da sidebar ocupando o máximo que puder, tipo como na imagem. Qual comando posso usar?

Fala rapaziada. Queria saber, de acordo com a experiência de vocês, como faço pra redimensionar uma imagem .PNG sem perder qualidade com php? Pq quando eu redimensiono a imagem perde qualidade no navegador Chrome, fica levemente ofuscada, porém no firefox mantém a qualidade perfeita. Digo isso com relação à logos, geralmente redimensionadas pra 150/200px e originalmente com 1200px. Alguém conhece alguma solução? Desde já agradeço pessoal, abração e fiquem com Deus.

ola pessoa! preciso de uma ajuda com um código php, eu preciso que uma imagem pega no html, seja redimensionada e ate se possível, converta para png. peço ajuda de alguém com mais experiencia, que tenha um tempo para entrar em contato comigo ou me dar algumas dicas de pesquisa. segue o meu código. $foto = $_FILES["fotouser"]; if (!empty($foto["name"])) { // Largura máxima em pixels $largura = 400; // Altura máxima em pixels $altura = 400; // Tamanho máximo do arquivo em bytes $tamanho = 10000; // Verifica se o arquivo é uma imagem // Pega as dimensões da imagem $dimensoes = getimagesize($foto["tmp_name"]); // Verifica se a largura da imagem é maior que a largura permitida if($dimensoes[0] > $largura) { session_start(); $_SESSION['msg_warning'] = "A largura da imagem não deve ultrapassar ".$largura." pixels"; echo "<script>history.go(-1)</script>"; } // Verifica se a altura da imagem é maior que a altura permitida if($dimensoes[1] > $altura) { session_start(); $_SESSION['msg_warning'] = "Altura da imagem não deve ultrapassar ".$altura." pixels"; echo "<script>history.go(-1)</script>"; } // Verifica se o tamanho da imagem é maior que o tamanho permitido if($arquivo["size"] > $tamanho) { session_start(); $_SESSION['msg_warning'] = "A imagem deve ter no maximo ".$tamanho." bytes"; echo "<script>history.go(-1)</script>"; } // Se não houver nenhum erro if (count($error) == 0) { // Pega extensão da imagem preg_match("/\.(gif|png|jpg){1}$/i", $foto["name"], $ext); // Gera um nome único para a imagem $nome_imagem = user.(md5(uniqid(time()))) . "." . $ext[1]; $caminho_imagem = "../../img/user/" . $nome_imagem; // Faz o upload da imagem para seu respectivo caminho move_uploaded_file($foto["tmp_name"], $caminho_imagem); este script , renomeia perfeitamente , cria o nome para meu novo arquivo e move a imagem para o diretório perfeitamente. porem n consigo juntar esse código com outras dicas que vi na internet, então o jeito e pedir ajuda fico no aguardo, vlw pessoal.

12

Boa noite pessoal, estou tendo uma dor de cabeça, sou iniciante. Tenho um arquivo que envia múltiplas imagens, só que não redimensiona. Inclui uma classe para redimensionar que ja uso em outros arquivos porém não em múltiplos. O problema é que sempre dá erro, como se o redirecionamento não estivesse recebendo as imagens. Segue o código e a classe. Se poderem me ajudar, desde já muito obrigado! <?php if(session_is_registered("$var_sessaor")) { ?> <?php include("FCKeditor/fckeditor.php"); include_once ('Redimensiona.php'); $id=$_GET['id']; require('saidas.php'); if(isset($_POST['enviar'])) { foreach($_FILES['foto']['name'] as $key => $arquivo) { if($arquivo!='') { //redimensiona $foto = $_FILES['foto'][$key]; $redim = new Redimensiona(); $imagem = $redim->Redimensionar($foto, 800, '../imgs/projetos_fotos/'); //upload sem redimensionamento /*$hash=md5(microtime()).'.jpg'; if(move_uploaded_file($_FILES['foto']['tmp_name'][$key],'../imgs/projetos_fotos/'.$hash))*/ { $legenda=$_POST['legenda'][$key]; mysql_query("INSERT INTO projetos_fotos (projetos,foto,legenda) VALUES ('$id','$imagem','$legenda')"); } } } throw_alert('Fotos enviadas com sucesso!','?p=projetos_fotos2&id='.$id); } elseif(isset($_GET['foto'])) { $fotoid=$_GET['foto']; $select=mysql_query("SELECT * FROM projetos_fotos WHERE id='$fotoid'"); $vessel=mysql_fetch_array($select); @unlink('../imgs/projetos_fotos/'.$vessel['foto']); $del=mysql_query("DELETE FROM projetos_fotos WHERE id='$fotoid'"); if($del) throw_alert('Foto removida com sucesso.','?p=books_fotos&id='.$vessel['books']); } ?> <!--GERAL--> <div class="panel panel-default"> <div style="margin-top:10px; padding:5px;" class="borda"> <h1>Fotos para o Book</h1> <p><a href="?p=projetos" class="btn btn-default" style="width: 115px;">Voltar</a></p> </div> <div class="panel-heading no-collapse"> <span >Cadastrar fotos para: </span> <span style="font-weight:bold;"> <?php $id=$_GET['id']; $select=mysql_query("SELECT * FROM projetos WHERE id='$id'"); $display=mysql_fetch_array($select); print ''.$display['titulo'].''; ?> </span> </div> <!--form--> <div style="margin-top:30px; padding:10px; overflow:hidden; max-width:800px;" > <form name="dados" method="post" action="?p=projetos_fotos2&id=<?php print $id; ?>" enctype="multipart/form-data"> <?php for($i=0;$i<6;$i+=2) { ?> <div style="col-lg-4"> <div class="form-group"> <label style="font-size:11px;">Foto</label> <input type="file" <?php print 'name="foto['.$i.']"'; ?> /> </div> </div> <div style="col-lg-4"> <div class="form-group"> <label style="font-size:11px;">Foto</label> <input type="file" <?php print 'name="foto['.($i+1).']"'; ?> /> </div> </div> <?php } ?> <div style="clear:both"></div> <input type="submit" name="enviar" value="Adicionar" class="btn btn-primary" /> </form> </div> <!-- form--> <div class="panel-heading no-collapse" style="margin-top:40px;"> <span >Fotos Cadastradas</span> </div> <!--fotos--> <div style="margin-top:30px; overflow:hidden;"> <?php $sql = mysql_query("SELECT * FROM projetos_fotos WHERE projetos='$id' ORDER BY id DESC LIMIT 100"); while($x = mysql_fetch_array($sql)) { ?> <div align="center" style="width:200px; height:200px; float:left; background-color:#F4F4F4; padding:7px; margin:10px;"> <img src="../imgs/projetos_fotos/<?=$x['foto'];?>" width="185" height="139" border="0" /><br> <!--<div style="font-size:11px; margin-top:10px;">'.$display['legenda'].'</div><br />--> <div align="center" style="margin-top:10px;"> <a href="?p=projetos_fotos&foto=<?=$x['id'];?>" class="btn btn-default" onclick="return confirm('Deseja mesmo remover?')" > Excluir Foto</a> </div> </div> <?php } ?> </div> <!--fotos--> </div> <!--GERAL--> <?php } ?> ------------------------------------------------------------------------------------------------ //CLASSE DE REDIMENDIONAR <?php class Redimensiona{ public function Redimensionar($imagem, $largura, $pasta){ $name = md5(uniqid(rand(),true)); if ($imagem['type']=="image/jpeg"){ $img = imagecreatefromjpeg($imagem['tmp_name']); }else if ($imagem['type']=="image/gif"){ $img = imagecreatefromgif($imagem['tmp_name']); }else if ($imagem['type']=="image/png"){ $img = imagecreatefrompng($imagem['tmp_name']); } $x = imagesx($img); $y = imagesy($img); $autura = ($largura * $y)/$x; $nova = imagecreatetruecolor($largura, $autura); imagecopyresampled($nova, $img, 0, 0, 0, 0, $largura, $autura, $x, $y); if ($imagem['type']=="image/jpeg"){ $local="$pasta/$name".".jpg"; $imagemName = $name.".jpg"; imagejpeg($nova, $local); }else if ($imagem['type']=="image/gif"){ $local="$pasta/$name".".gif"; $imagemName = $name.".gif"; imagegif($nova, $local); }else if ($imagem['type']=="image/png"){ $local="$pasta/$name".".png"; $imagemName = $name.".png"; imagepng($nova, $local); } imagedestroy($img); imagedestroy($nova); return $imagemName; } } ?>

Bom dia Galera, Estou com uma pequena dúvida. Estou usando uma classe para fazer redimensionamento de imagens. Ela está funcionando perfeitamente, o meu problema é que quanto redimensiono uma imagem .png, a nova imagem fica com fundo PRETO. Alguém sabe dizer como faço para ficar com fundo transparente? Segue a classe: <?php # ========================================================================# # # Author: Jarrod Oberto # Version: 1.0 # Date: 17-Jan-10 # Purpose: Resizes and saves image # Requires : Requires PHP5, GD library. # Usage Example: # include("classes/resize_class.php"); # $resizeObj = new resize('images/cars/large/input.jpg'); # $resizeObj -> resizeImage(150, 100, 0); # $resizeObj -> saveImage('images/cars/large/output.jpg', 100); # # # ========================================================================# Class resize { // *** Class variables private $image; private $width; private $height; private $imageResized; function __construct($fileName) { // *** Open up the file $this->image = $this->openImage($fileName); // *** Get width and height $this->width = imagesx($this->image); $this->height = imagesy($this->image); } ## -------------------------------------------------------- private function openImage($file) { // *** Get extension $extension = strtolower(strrchr($file, '.')); switch($extension) { case '.jpg': case '.jpeg': $img = @imagecreatefromjpeg($file); break; case '.gif': $img = @imagecreatefromgif($file); break; case '.png': $img = @imagecreatefrompng($file); break; default: $img = false; break; } return $img; } ## -------------------------------------------------------- public function resizeImage($newWidth, $newHeight, $option="auto") { // *** Get optimal width and height - based on $option $optionArray = $this->getDimensions($newWidth, $newHeight, $option); $optimalWidth = $optionArray['optimalWidth']; $optimalHeight = $optionArray['optimalHeight']; // *** Resample - create image canvas of x, y size $this->imageResized = imagecreatetruecolor($optimalWidth, $optimalHeight); imagecopyresampled($this->imageResized, $this->image, 0, 0, 0, 0, $optimalWidth, $optimalHeight, $this->width, $this->height); // *** if option is 'crop', then crop too if ($option == 'crop') { $this->crop($optimalWidth, $optimalHeight, $newWidth, $newHeight); } } ## -------------------------------------------------------- private function getDimensions($newWidth, $newHeight, $option) { switch ($option) { case 'exact': $optimalWidth = $newWidth; $optimalHeight= $newHeight; break; case 'portrait': $optimalWidth = $this->getSizeByFixedHeight($newHeight); $optimalHeight= $newHeight; break; case 'landscape': $optimalWidth = $newWidth; $optimalHeight= $this->getSizeByFixedWidth($newWidth); break; case 'auto': $optionArray = $this->getSizeByAuto($newWidth, $newHeight); $optimalWidth = $optionArray['optimalWidth']; $optimalHeight = $optionArray['optimalHeight']; break; case 'crop': $optionArray = $this->getOptimalCrop($newWidth, $newHeight); $optimalWidth = $optionArray['optimalWidth']; $optimalHeight = $optionArray['optimalHeight']; break; } return array('optimalWidth' => $optimalWidth, 'optimalHeight' => $optimalHeight); } ## -------------------------------------------------------- private function getSizeByFixedHeight($newHeight) { $ratio = $this->width / $this->height; $newWidth = $newHeight * $ratio; return $newWidth; } private function getSizeByFixedWidth($newWidth) { $ratio = $this->height / $this->width; $newHeight = $newWidth * $ratio; return $newHeight; } private function getSizeByAuto($newWidth, $newHeight) { if ($this->height < $this->width) // *** Image to be resized is wider (landscape) { $optimalWidth = $newWidth; $optimalHeight= $this->getSizeByFixedWidth($newWidth); } elseif ($this->height > $this->width) // *** Image to be resized is taller (portrait) { $optimalWidth = $this->getSizeByFixedHeight($newHeight); $optimalHeight= $newHeight; } else // *** Image to be resizerd is a square { if ($newHeight < $newWidth) { $optimalWidth = $newWidth; $optimalHeight= $this->getSizeByFixedWidth($newWidth); } else if ($newHeight > $newWidth) { $optimalWidth = $this->getSizeByFixedHeight($newHeight); $optimalHeight= $newHeight; } else { // *** Sqaure being resized to a square $optimalWidth = $newWidth; $optimalHeight= $newHeight; } } return array('optimalWidth' => $optimalWidth, 'optimalHeight' => $optimalHeight); } ## -------------------------------------------------------- private function getOptimalCrop($newWidth, $newHeight) { $heightRatio = $this->height / $newHeight; $widthRatio = $this->width / $newWidth; if ($heightRatio < $widthRatio) { $optimalRatio = $heightRatio; } else { $optimalRatio = $widthRatio; } $optimalHeight = $this->height / $optimalRatio; $optimalWidth = $this->width / $optimalRatio; return array('optimalWidth' => $optimalWidth, 'optimalHeight' => $optimalHeight); } ## -------------------------------------------------------- private function crop($optimalWidth, $optimalHeight, $newWidth, $newHeight) { // *** Find center - this will be used for the crop $cropStartX = ( $optimalWidth / 2) - ( $newWidth /2 ); $cropStartY = ( $optimalHeight/ 2) - ( $newHeight/2 ); $crop = $this->imageResized; //imagedestroy($this->imageResized); // *** Now crop from center to exact requested size $this->imageResized = imagecreatetruecolor($newWidth , $newHeight); imagecopyresampled($this->imageResized, $crop, 0, 0, $cropStartX, $cropStartY, $newWidth, $newHeight , $newWidth, $newHeight); } ## -------------------------------------------------------- public function saveImage($savePath, $imageQuality="100") { // *** Get extension $extension = strrchr($savePath, '.'); $extension = strtolower($extension); switch($extension) { case '.jpg': case '.jpeg': if (imagetypes() & IMG_JPG) { imagejpeg($this->imageResized, $savePath, $imageQuality); } break; case '.gif': if (imagetypes() & IMG_GIF) { imagegif($this->imageResized, $savePath); } break; case '.png': // *** Scale quality from 0-100 to 0-9 $scaleQuality = round(($imageQuality/100) * 9); // *** Invert quality setting as 0 is best, not 9 $invertScaleQuality = 9 - $scaleQuality; if (imagetypes() & IMG_PNG) { imagepng($this->imageResized, $savePath, $invertScaleQuality); } break; // ... etc default: // *** No extension - No save. break; } imagedestroy($this->imageResized); } ## -------------------------------------------------------- } ?>

Alguem sabe como faço um sistema de upload de imagens redimensionando-as da forma mais simples possivel só pra mim poder limitar o height dela

Boa Tarde! Preciso de subir varias fotos de uma vez para o servidor e redimensionar elas, alguém da uma luz?