01 de 08
Gráficos listos para web
Como deseñador gráfico, moitas veces pode solicitarlle que envíe imaxes preparadas para a web, como fotos para un sitio web ou banners. A ferramenta "Gardar por web" de Photoshop é un xeito sinxelo e sinxelo de preparar os ficheiros JPEG para a web, axudando co intercambio entre o tamaño do arquivo ea calidade da imaxe.
NOTA: Para este tutorial, estamos a buscar gardar imaxes JPEG . A ferramenta Gardar para a web tamén está construída para gardar ficheiros GIF, PNG e BMP.
Que fai un gráfico "Web-ready"?
- A resolución é de 72 dpi
- O modo de cor é RGB
- Generalmente reducido no tamaño do ficheiro para cargar máis rapidamente as páxinas web
02 de 08
Abre unha imaxe
Para practicar coa ferramenta "Gardar por web", abra unha imaxe en Photoshop; faga clic en "Ficheiro> Abrir", busque a imaxe no seu computador e faga clic en "Abrir". Para os efectos deste tutorial, unha foto funcionará ben, aínda que calquera tipo de imaxe fará. Redimensiona a túa foto a un tamaño pequeno que podes usar nun sitio web. Para facelo, prema en "Imaxe> Tamaño da imaxe", introduza un novo ancho no cadro "Dimensións de píxeles" (probe 400) e prema en "Aceptar".
03 de 08
Abra a ferramenta Gardar por web
Agora supoñamos que alguén lle pediu que entregase esta foto, a 400 píxeles de ancho, listo para ser publicado nun sitio web. Prema en "Arquivo> Gardar para web" para abrir o diálogo Gardar por web. Tire un momento para buscar as diferentes opcións e ferramentas na xanela.
04 de 08
Configurar a comparación
Na esquina superior esquerda da ventá Gardar por Web hai unha serie de pestanas etiquetadas como Orixinal, Optimizada, 2-Up e 4-Up. Ao facer clic nesas pestañas, pode cambiar entre unha vista da súa foto orixinal, a súa foto optimizada (coa configuración Gardar para a web aplicada) ou unha comparación de 2 ou 4 versións da súa foto. Elixe "2-Up" para comparar a foto orixinal coa optimizada. Agora verás copias de lado a lado da túa foto.
05 de 08
Establece a vista previa orixinal
Fai clic na foto do lado esquerdo para seleccionala. Escolla "Orixinal" no menú predefinido no lado dereito da ventá Gardar por Web (se non está seleccionado). Isto poñerá unha vista previa da súa imaxe orixinal non editada no lado esquerdo.
06 de 08
Establecer a vista previa optimizada
Fai clic na foto do lado dereito para seleccionala. Escolla "JPEG alto" no menú predefinido. Agora podes comparar a túa imaxe optimizada á dereita (que eventualmente será o teu último arquivo) co teu orixinal á esquerda.
07 de 08
Edite a calidade JPEG
A configuración máis importante na columna da dereita é o valor "Calidade". A medida que baixas a calidade, a túa imaxe verase "máis lixeiro" pero o tamaño do teu arquivo baixará e os ficheiros máis pequenos significarán unha maior carga de páxinas web. Tenta cambiar a calidade a "0" e observa a diferenza nas fotos da esquerda e da dereita, así como o tamaño do ficheiro máis pequeno que se atopa debaixo da túa foto. Photoshop tamén lle dá o tempo de carga estimado por debaixo do tamaño do ficheiro. Pode cambiar a velocidade de conexión para este tempo de carga premendo na frecha arriba da vista preliminar de foto optimizada. O obxectivo aquí é atopar un medio feliz entre o tamaño e a calidade do ficheiro. Unha calidade entre 40 e 60 adoita ser un bo rango, dependendo das túas necesidades. Tenta usar os niveis de calidade predeterminados (por exemplo, JPEG Medium) para aforrar tempo.
08 de 08
Garda a túa imaxe
Unha vez que estea satisfeito coa súa foto á dereita, fai clic no botón "Gardar". Abrirase a xanela "Gardar como optimizada". Escriba un nome de ficheiro , busque o cartafol desexado no seu computador e faga clic en "Gardar". Agora ten unha foto optimizada para a web.