Voc\u00ea est\u00e1 procurando como fazer upload e compactar imagens no Laravel? O Laravel oferece uma maneira f\u00e1cil de enviar arquivos. E compactar as imagens no momento do upload \u00e9 uma boa pr\u00e1tica. Neste artigo, mostro como fazer upload e compactar imagens no Laravel.<\/p>\n
As imagens desempenham um papel importante no seu site. As imagens adicionam uma melhor experi\u00eancia do usu\u00e1rio e uma experi\u00eancia atraente para os visitantes. Mas, ao mesmo tempo, tamb\u00e9m pode prejudicar o desempenho do site. Imagens pesadas tornam o site lento. Como resultado, seu site demora muito para carregar. Os usu\u00e1rios n\u00e3o gostam de sites lentos. Se o seu site demorar mais para carregar, h\u00e1 uma grande chance de voc\u00ea perder seu p\u00fablico. O tempo de carregamento padr\u00e3o de um site \u00e9 de 2 segundos. Voc\u00ea deve cuidar para que seu site carregue em 2 segundos.<\/p>\n
Embora haja v\u00e1rios fatores que precisam ser levados em considera\u00e7\u00e3o para melhorar a velocidade da p\u00e1gina, um deles \u00e9 o uso de imagens otimizadas. A compacta\u00e7\u00e3o de imagens reduz o tamanho da imagem original sem perder sua qualidade. Isso ajuda a aumentar a velocidade do site.<\/p>\n
Dito isso, vamos ver como fazer upload e compactar imagens no Laravel.<\/p>\n
O Laravel oferece uma maneira limpa de enviar as imagens. Para come\u00e7ar, primeiro precisamos criar um diret\u00f3rio onde armazenaremos as imagens. Abra seu prompt de comando no diret\u00f3rio raiz e execute o comando abaixo.<\/p>\n
php artisan storage:link<\/code><\/pre>\nEste comando cria um diret\u00f3rio de ‘armazenamento’ na pasta ‘p\u00fablica’.<\/p>\n
Em seguida, crie um formul\u00e1rio com o bot\u00e3o de entrada e envio do arquivo, adicionando o c\u00f3digo abaixo em seu arquivo blade.<\/p>\n
<form action=\"{{ url('ROUTE_HERE') }}\" method=\"post\" enctype=\"multipart\/form-data\">\n\u00a0\u00a0\u00a0\u00a0<div class=\"form-group\">\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<label for=\"exampleInputFile\">File input<\/label>\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<input type=\"file\" name=\"profile_image\" id=\"exampleInputFile\">\n\u00a0\u00a0\u00a0\u00a0<\/div>\n\u00a0\u00a0\u00a0\u00a0{{ csrf_field() }}\n\u00a0\u00a0\u00a0\u00a0<button type=\"submit\" class=\"btn btn-default\">Submit<\/button>\n<\/form><\/code><\/pre>\nNo HTML acima, adicionei uma entrada de arquivo com o nome ‘profile_image’. Eu tamb\u00e9m adicionei o {{ csrf_field() }}<\/code>que \u00e9 necess\u00e1rio para enviar formul\u00e1rios do Laravel.<\/p>\nAgora, supondo que voc\u00ea envie a solicita\u00e7\u00e3o de postagem para o store()<\/code>m\u00e9todo do seu controlador, escreva um c\u00f3digo que armazene a imagem no servidor conforme abaixo.<\/p>\npublic function store(Request $request)\n{\n\u00a0\u00a0\u00a0\u00a0if($request->hasFile('profile_image')) {\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/get filename with extension\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$filenamewithextension = $request->file('profile_image')->getClientOriginalName();\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/get filename without extension\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$filename = pathinfo($filenamewithextension, PATHINFO_FILENAME);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/get file extension\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$extension = $request->file('profile_image')->getClientOriginalExtension();\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/filename to store\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$filenametostore = $filename.'_'.time().'.'.$extension;\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/Upload File\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0$request->file('profile_image')->storeAs('public\/profile_images', $filenametostore);\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/\/Compress Image Code Here\n\u00a0\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0return redirect('ROUTE_HERE')->with('success', \"Image uploaded successfully.\");\n\u00a0\u00a0\u00a0\u00a0}\n}<\/code><\/pre>\nEste c\u00f3digo cria um nome de arquivo \u00fanico e armazena o arquivo dentro do diret\u00f3rio ‘profile_images’. O Laravel gera automaticamente um diret\u00f3rio ‘profile_images’ sob ‘public \/ storage’ se ele n\u00e3o existir.<\/p>\n
Como dito antes, \u00e9 uma pr\u00e1tica melhor otimizar a imagem no momento do upload. Terminamos com o c\u00f3digo de upload de uma imagem. Agora precisamos compact\u00e1-lo. Vou cobrir 2 servi\u00e7os – TinyPNG<\/a> e reSmush.it<\/a> que fornece as APIs para compactar imagens em tempo real. Vamos v\u00ea-los um por um.<\/p>\nComprimir imagens usando o TinyPNG no Laravel<\/h3>\n