8 C
Madrid
viernes, marzo 29, 2024
spot_img

Curso de Diseño Net: Cómo Usar Imágenes en Joomla! | Noticias

En este artículo, aprenderá cómo trabajar con imágenes y subirlas a Joomla! usando el administrador de medios de Joomla! Antes de comenzar, probablemente estará trabajando con imágenes digitales de la internet, una cámara digital o posiblemente un escáner. En cualquier caso, es possible que las imágenes sean demasiado grandes para una página internet.

Para que sus imágenes estén listas para la internet, se someterán a uno o más de los siguientes tratamientos: recorte, cambio de tamaño, corrección de coloration y, en última instancia, se guardarán como un archivo JPEG. Como he señalado en otras publicaciones, nunca debe usar el formato de archivo PNG porque puede aumentar el tamaño de su archivo entre 5 y 10 veces.

Puede usar una variedad de programas de edición de imágenes para manipular sus imágenes. En artículos anteriores utilicé Paintshop Picture Professional y Photoshop. Aún así, tienes otras opciones. Uno de ellos es el editor de imágenes en línea. Una advertencia sobre el uso de editores en línea. Si tiene archivos grandes y/o una conexión lenta, esto ralentizará el procesamiento de imágenes, por lo que prefiero usar un editor de imágenes dedicado que resida en su computadora.

Para este tutorial, usaré Gimp, que es un editor de imágenes gratuito. En el caso de Joomla!, nuestros cambios serán relativamente menores, aunque hay algunas cosas que debemos hacer en una imagen antes de que pueda usarse en Joomla!. Otra cosa, al ser muy variables las plantillas de un diseñador gráfico a otro, es difícil saber de antemano qué tamaño de imagen usar. En consecuencia, crearemos varios tamaños de imagen que usaremos en nuestro artículo sobre estrategias de empresas conjuntas. Una vez que sepa qué imágenes funcionarán en una plantilla determinada, le ahorrará tiempo al dimensionar las imágenes para proyectos futuros.

Para comenzar, abra una imagen en The Gimp haciendo clic en Archivo: Abrir, luego ubique la imagen en su sistema. Vamos a usar la imagen de arriba, pero antes de que podamos cargarla en Joomla!, necesitamos reducir su tamaño.

Escalar la imagen

Por el momento, la imagen tiene 3072×2304 píxeles, lo cual es demasiado grande para una página internet. Para nuestros propósitos, se reducirá a cuatro tamaños diferentes y usaremos el ancho como medida. Para acceder a la herramienta de escalado de imágenes, vaya a Imagen: Escalar imagen. Se abrirá el cuadro de diálogo Escalar imagen y verá las medidas en píxeles. También notará un icono de una cadena vinculada a la derecha de la medida. Esto restringe la imagen, por lo que cualquiera que sea el tamaño que se ingrese en el cuadro de configuración de alto o ancho, la otra medida se escalará para que coincida con la relación de aspecto. Estos son los tamaños que usaremos:

  • 450×338 píxeles
  • 400×300 píxeles
  • 350×263 píxeles
  • 300×225 píxeles

Como se mencionó anteriormente, cada imagen se guardará como un archivo JPEG. Para la estandarización, cada imagen se guardará con una configuración de calidad del 70%.

Guardar como JPEG

Este es el cuadro de diálogo Guardar como JPEG. Tenga en cuenta que la sección Opciones avanzadas está abierta. Está cerrado en la configuración predeterminada. En este paso, creé cuatro imágenes, que ahora estamos listas para subir a Joomla!.

Administrador de medios

Inicie sesión en Joomla! Administrador si aún no está allí y haga clic en el icono Administrador de medios.

Administrador de medios 2

El administrador de medios es donde descargas todos los archivos en Joomla!. En el lado izquierdo de la página, verá el encabezado Carpeta y varias carpetas que se enumeran a continuación. Entre estos, el que alberga imágenes se llama: Tales, así que haz clic en él para abrirlo. Ya notará imágenes precargadas allí.

Subir una imagen

Subir una imagen es easy. Desplácese hasta la parte inferior de la página, haga clic en el botón Examinar para encontrar la imagen en su sistema, luego haga clic en el botón Iniciar descarga a la derecha. Si tiene muchas imágenes, sería bueno cargarlas todas a la vez. Joomla! tiene una función que le permite abrir varios archivos (siempre y cuando el número no supere los 10 MB) y cargarlos todos a la vez. Solo hay un problema: no funciona. Lo he probado varias veces y no he tenido suerte, así que uno a uno es la única solución que veo por el momento.

Administrador de artículos

Ahora es el momento de subir una imagen a nuestro artículo. En Admin, vaya a Contenido: Administrador de artículos.

Elige una categoría

En el administrador de artículos, necesitamos encontrar nuestro artículo. Para hacer esto, vaya a la lista desplegable Seleccionar categoría y elija Estrategias de empresas conjuntas de la lista. Cuando la página se actualiza, nuestro artículo aparece de inmediato. Haga clic en él para abrirlo.

Insertar un punto

Para insertar la imagen, coloca el cursor en el lado izquierdo del artículo, donde quieras colocar la imagen (en este caso, quiero que se mueva al lado derecho de la página).

Insertar imagen

Vaya a la parte inferior del editor y haga clic en el botón Imagen. Aparece un nuevo panel que le muestra todas las imágenes en su carpeta Historias. Haga clic en la imagen que desea utilizar y escriba una breve descripción. Si desea un título, full también el campo de texto. En el menú desplegable Alineación, elija Derecha. Haga clic en el botón Insertar en la parte superior de la ventana.

Visión

La imagen se inserta en el texto. Para tener una thought de cómo se ve en la interfaz, haga clic en el botón Vista previa.

Imagen con subtítulo

La imagen con título. Si decido que la imagen es demasiado grande para la página, puedo eliminarla y cargar una nueva. En este caso, subiré la imagen de 350×263 píxeles.

Aplicar

Otra opción, si desea continuar trabajando en el archivo, es hacer clic en el botón Aplicar en la parte superior derecha de la página. Cuando haya terminado con los cambios, haga clic en el botón Guardar para completarlos, cerrar la página y desbloquear el archivo para el próximo usuario.

página completada

Ahora es el momento de avanzar. Accederé a la página y podrás ver el resultado closing.

En el próximo artículo, veremos plantillas y cómo funcionan en Joomla!.

Artículos relacionados

Dejar respuesta

Please enter your comment!
Please enter your name here

- Anuncio -spot_img

Últimos artículos

3,913SeguidoresSeguir
0suscriptoresSuscribirte