comandos básicos de vi

Resumen de los comandos básicos de vi

En la tabla siguiente puede consultar de forma cómoda los comandos básicos de vi:
Tabla 6-1 Comandos básicos de vi

Comando	Significado
Empezar vi
vi nombre_de_archivo	Abrir o crear el archivo
vi	Abrir un archivo nuevo para nombrarlo más tarde
vi -r nombre_de_archivo	Recuperar un archivo de una caída del sistema
view nombre_de_archivo	Abrir archivo sólo para leer
Comandos del cursor
h	Moverse un carácter hacia la izquierda
j	Moverse una línea hacia abajo
k	Moverse una línea hacia arriba
l	Moverse un carácter a la derecha
w	Moverse una palabra a la derecha
W	Moverse una palabra a la derecha (pasados los signos de puntuación)
b	Moverse una palabra a la izquierda
B	Moverse una palabra a la izquierda (pasados los signos de puntuación)
e	Moverse al final de la palabra actual
Return	Moverse una línea hacia abajo
Back Space	Moverse un carácter a la izquierda
Space Bar	Moverse un carácter a la derecha
H	Moverse a la parte de arriba de la pantalla
M	Moverse al centro de la pantalla
L	Moverse a la parte inferior de la pantalla
Ctrl-F	Paginar una pantalla hacia adelante
Ctrl-D	Desplazarse media pantalla hacia adelante
Ctrl-B	Paginar una pantalla hacia atrás
Ctrl-U	Desplazarse media pantalla hacia atrás
Insertar caracteres y líneas
a	Insertar caracteres a la derecha del cursor
A	Insertar caracteres al final de la línea
i	Insertar caracteres a la izquierda del cursor
I	Insertar caracteres al principio de línea
o	Insertar una línea por debajo el cursor
O	Insertar una línea por encima del cursor
Cambiar texto
cw	Cambiar una palabra (o parte de una palabra) a la derecha del cursor
c	Cambiar una línea
C	Cambiar desde el cursor hasta el final de la línea
s	Sustituir cadena por carácter(es) desde el cursor hacia adelante
r	Reemplazar el carácter marcado por cursor por otro carácter
r Return	Partir una línea
J	Unir la línea actual con la línea inferior
xp	Transponer el carácter del cursor con el carácter a la derecha
~	Cambiar el tipo de letra (mayúscula o minúscula)
u	Deshacer el comando anterior
U	Deshacer todos los cambios en la línea actual
:u	Deshacer el comando anterior sobre la línea última
Eliminar texto
x	Eliminar el carácter del cursor
X	Eliminar el carácter a la izquierda del cursor
dw	Eliminar la palabra (o la parte de la palabra a la derecha del cursor)
dd	Eliminar la línea que contiene al cursor
D	Eliminar la parte de la línea a la derecha del cursor
dG	Eliminar hasta el final de línea
d1G	Eliminar desde el principio del archivo hasta el cursor
:5,10 d	Eliminar las líneas de la 5 a la 10
Copiar y mover texto
yy	Tirar o copiar línea
Y	Tirar o copiar línea
p	Poner la línea tirada o eliminada por debajo de la línea actual
P	Poner la línea tirada o eliminada por encima de la línea actual
:1,2 co 3	Copiar las líneas de la 1 a la 2 y ponerlas después de la línea 3
:4,5 m 6	Mover las líneas de la 4 a la 5 y ponerlas después de la línea 6
Ajustar la numeración de las líneas
:set nu	Mostrar los números de las líneas
:set nonu	Esconder los números de las líneas
	Establecer la distinción entre mayúsculas y minúsculas
:set ic	En la búsqueda se ignora la distinción entre mayúsculas y minúsculas
:set noic	En la búsqueda se distingue entre mayúsculas y minúsculas
Encontrar una línea
G	Ir a la última línea del archivo
1G	Ir a la primera línea del archivo
21G	Ir a la línea 21
Buscar y reemplazar
/string	Búsqueda de cadena de caracteres
?string	Búsqueda hacia atrás de cadena de caracteres
n	Encontrar la siguiente aparición de string en la dirección de búsqueda
N	Encontrar la aparición previa de la cadena de caracteres en la dirección de búsqueda
:g/search/s//replace/g	Buscar y reemplazar
Limpiar la pantalla
Ctrl-L	Limpiar (actualizar) la pantalla
	Insertar un archivo en otro archivo
:r nombre_de_archivo	Insertar (leer) el archivo a continuación del cursor
:34 r nombre_de_archivo	Insertar el archivo después de la línea 34
Guardar y salir
:w	Guardar los cambios (escribir el contenido de la memoria intermedia)
:w nombre_de_archivo	Escribir el contenido de la memoria intermedia a un archivo con nombre
:wq	Guardar los cambios y salir de vi
ZZ	Guardar los cambios y salir de vi
:q!	Salir sin guardar los cambios

Guía sobre relaciones de aspecto comunes y tamaños de imagen

Guía sobre relaciones de aspecto comunes y tamaños de imagen

¿Qué es la relación de aspecto?

La relación de aspecto de una imagen es la relación proporcional del ancho con la altura. Lo reconocerá como dos números separados por dos puntos en un formato x: y. Por ejemplo, una imagen de 6 x 4 pulgadas tiene una relación de aspecto de 3: 2. Una relación de aspecto no tiene unidades unidas; en cambio, representa qué tan grande es el ancho en comparación con la altura. Esto significa que una imagen medida en centímetros tendrá la misma relación de aspecto incluso si se midió en pulgadas. La relación entre su ancho y alto determina la relación y la forma, pero no el tamaño real de la imagen.

Sin embargo, la relación de aspecto de una imagen cambiará según el medio en el que se presente. La relación de aspecto de una imagen mostrada en una computadora será diferente de la relación de aspecto de esa misma imagen mostrada en un teléfono.

Las relaciones de aspecto son una parte crítica del contenido web porque las imágenes deben cargarse en diferentes relaciones de aspecto para diferentes usos, como escritorio versus móvil o blog vs. redes sociales. Cuando usa las proporciones de aspecto correctas, garantiza que sus imágenes se muestren como se espera sin estiramiento o pérdida de resolución.

Repasemos algunas relaciones de aspecto comunes que generalmente se usan en diferentes espacios.

Relaciones de aspecto comunes

Relación 1: 1

Una relación 1: 1 significa que el ancho y la altura de una imagen son iguales, creando un cuadrado. Algunas proporciones comunes de 1: 1 son una foto de 8 x 8 pulgadas, una imagen de 1080 x 1080 píxeles, o típicamente cualquier plantilla de imagen de perfil en sitios de redes sociales (piense en Facebook). Esta relación de aspecto se usa comúnmente para imprimir fotografías, pantallas móviles y plataformas de redes sociales, pero no es ideal para la mayoría de los formatos de TV o digitales.

Relación 3: 2

La relación 3: 2 tiene raíces en películas y fotografías de 35 milímetros y todavía se usa ampliamente para tamaños de impresión. Las imágenes enmarcadas a 1080 x 720 píxeles o 6 x 4 pulgadas se establecen dentro de esta relación de aspecto.

Relación 4: 3

Una proporción de 4: 3 se usa típicamente para pantallas de TV, monitores de computadora y cámaras digitales. Por cada 4 unidades de ancho, hay 3 unidades de altura, creando una forma rectangular. Una imagen con un tamaño de 1024 x 768 píxeles u 8 x 6 pulgadas se ajusta a una relación típica de 4: 3.

Relación 16: 9

La relación 16: 9 se ve principalmente en diapositivas de presentación, monitores de computadora o televisores de pantalla panorámica. Este estándar internacional reemplazó recientemente la relación 4: 3 para monitores y pantallas de TV, creando una forma rectangular más delgada y alargada en comparación con el formato 4: 3. Las resoluciones comunes en la relación 16: 9 son 1920 x 1080 píxeles y 1280 x 720 píxeles.

---

Cómo medir el tamaño de la imagen

A diferencia de las relaciones de aspecto, el tamaño de la imagen determina el ancho y la altura real de una imagen en píxeles. El tamaño de la imagen son las dimensiones de una imagen. Puede medir las dimensiones de la imagen en cualquier unidad, pero normalmente verá los píxeles utilizados para imágenes web o digitales y las pulgadas utilizadas para imprimir imágenes.

Es importante darse cuenta de que dos imágenes diferentes que tienen la misma relación de aspecto pueden no tener el mismo tamaño o dimensiones de imagen. Por ejemplo, una imagen con un tamaño de 1920 x 1080 píxeles tiene una relación de aspecto de 16: 9, y una imagen con un tamaño de 1280 x 720 píxeles también tiene una relación de 16: 9.

Tamaños de imagen comunes para la web

Si está cargando imágenes en la web, es crucial comprender las especificaciones de tamaño de imagen porque los tamaños de imagen incorrectos pueden estirarse o distorsionarse para llenar dimensiones fijas.

Cuando trabajas en un creador de sitios web o en un sistema de gestión de contenido (CMS), como WordPress o Squarespace, los requisitos de tamaño de la imagen variarán según el tema o la plantilla que estés usando. A menudo, el creador de sitios web cambiará el tamaño de las imágenes para que se muestren correctamente en varios formatos diferentes. Por lo tanto, para satisfacer varios tamaños de imagen estándar diferentes, cargue una imagen que sea lo suficientemente grande como para reducirla sin perder resolución y lo suficientemente pequeña como para ajustarse cómodamente al ancho de una pantalla estándar. Squarespace recomiendacargar imágenes entre 1500 y 2500 píxeles de ancho. Verifique su plantilla o tema en cualquier CMS que esté utilizando para determinar el tamaño de imagen correcto para cargar. Del mismo modo, los sitios web de redes sociales a menudo redimensionarán las imágenes para usted, pero hay un punto óptimo que garantizará que sus imágenes se muestren correctamente en algunos tamaños diferentes.

Nota: No confunda el tamaño  de la imagen con el tamaño del archivo de imagen . El tamaño del archivo de imagen se mide en bytes de acuerdo con la cantidad de espacio que ocupa en un disco o unidad (piense en kilobytes o megabytes).

Estos son algunos de los tamaños de imagen más comunes para la web.

1920 x 1080 píxeles

Este tamaño de imagen estándar se ve ampliamente en TV de alta definición, presentaciones y fotos de portada de redes sociales. Sigue la relación de aspecto 16: 9.

1280 x 720 píxeles

Este tamaño sigue el formato HD estándar presentado en fotografía y película. Se ajusta a la relación de aspecto 4: 3.

1080 x 1080 píxeles

Verá este tamaño de imagen de proporción 1: 1 utilizado ampliamente en las redes sociales, a saber, publicaciones de Instagram y Facebook.

---

Tamaños comunes de fotografía

¿Alguna vez ha querido imprimir una imagen o diseño, pero no ha descubierto qué tamaño usar? Si bien puede imprimir una imagen en el tamaño que desee, hay algunos tamaños de foto estándar que lo ayudarán a reducir las opciones. Diferentes tamaños funcionan en diferentes entornos; exhiba impresiones o carteles más grandes para llamar la atención sobre un evento o servicio, y reserve impresiones más pequeñas para exhibir en hogares o en un espacio de mostrador.

Las imágenes y fotos impresas generalmente se miden en pulgadas, aunque es posible que vea centímetros utilizados en algunos países.

Nota: Si está enmarcando una imagen, es posible que necesite dos medidas: el tamaño de la imagen y el tamaño mate. Un mate es un borde alrededor de la imagen que se extiende hasta el marco. Cuando imprima fotografías en el marco, asegúrese de conocer el tamaño de apertura mate.

Estos son algunos de los tamaños de fotografía más comunes.

4 x 6 o 5 x 7 pulgadas

Estos tamaños son tamaños de fotos estándar y populares, generalmente para mostrar fotografías o obras de arte más pequeñas.

8 x 10 pulgadas

Este tamaño está un paso por encima de los tamaños de fotografía populares más pequeños y es común entre los retratos y las impresiones de obras de arte más grandes.

8.5 x 11 pulgadas

Utilice este tamaño de volante estándar para anuncios que se muestran en áreas con espacio limitado. Si bien no es tan notable como los tamaños de póster más grandes, el tamaño del volante todavía tiene como objetivo alertar a otros en entornos más pequeños.

12 x 18 o 18 x 24 pulgadas

Más grandes que los volantes típicos, estos tamaños de póster estándar son ideales cuando se diseñan para eventos o anuncios que necesitan llegar a un público medio.

24 x 36 pulgadas

Los anunciantes usan este tamaño de póster para anuncios al aire libre y vitrinas específicas a lo largo de ubicaciones de alto tráfico.

Cómo subir archivos .webp en sitios web WordPress

Al intentar subir una imagen con el formato .webp,  en un sitio web con WordPress, sale un mensaje de error y no permite subir el archivo:
    mi-imagen.webp
    Lo siento, este tipo de archivo no está permitido por motivos de seguridad.

Para solucionar el problema hay que añadir esta función en el archivo functions.php del sitio web:

//Habilitar la subida de archivos no permitidos

function bp_mime_type ( $mime_types ) {

    $mime_types['svg'] = 'image/webp';

    $mime_types['svg'] = 'image/svg+xml';

    return $mime_types;}

   

   add_filter('upload_mimes', 'bp_mime_type', 1, 1);

Se pueden incluir varios tipos de MIME en la misma función como en el ejemplo anterior donde también se está habilitando los archivos .svg

Esta tabla, lista los tipos de MIME más importantes para la web:

Extensión	Tipo de documento	Tipo de MIME
.aac	Archivo de audio AAC	audio/aac
.abw	Documento AbiWord	application/x-abiword
.arc	Documento de Archivo (múltiples archivos incrustados)	application/octet-stream
.avi	AVI: Audio Video Intercalado	video/x-msvideo
.azw	Formato  eBook Amazon Kindle	application/vnd.amazon.ebook
.bin	Cualquier tipo de datos binarios	application/octet-stream
.bz	Archivo BZip	application/x-bzip
.bz2	Archivo BZip2	application/x-bzip2
.csh	Script C-Shell	application/x-csh
.css	Hojas de estilo (CSS)	text/css
.csv	Valores separados por coma (CSV)	text/csv
.doc	Microsoft Word	application/msword
.epub	Publicación Electrónica (EPUB)	application/epub+zip
.gif	Graphics Interchange Format (GIF)	image/gif
.htm .html	Hipertexto (HTML)	text/html
.ico	Formato Icon	image/x-icon
.ics	Formato iCalendar	text/calendar
.jar	Archivo Java (JAR)	application/java-archive
.jpeg .jpg	Imágenes JPEG	image/jpeg
.js	JavaScript (ECMAScript)	application/javascript
.json	Formato JSON	application/json
.mid .midi	Interfaz Digital de Instrumentos Musicales (MIDI)	audio/midi
.mpeg	Video MPEG	video/mpeg
.mpkg	Paquete de instalación de Apple	application/vnd.apple.installer+xml
.odp	Documento de presentación de OpenDocument	application/vnd.oasis.opendocument.presentation
.ods	Hoja de Cálculo OpenDocument	application/vnd.oasis.opendocument.spreadsheet
.odt	Documento de texto OpenDocument	application/vnd.oasis.opendocument.text
.oga	Audio OGG	audio/ogg
.ogv	Video OGG	video/ogg
.ogx	OGG	application/ogg
.pdf	Adobe Portable Document Format (PDF)	application/pdf
.ppt	Microsoft PowerPoint	application/vnd.ms-powerpoint
.rar	Archivo RAR	application/x-rar-compressed
.rtf	Formato de Texto Enriquecido (RTF)	application/rtf
.sh	Script Bourne shell	application/x-sh
.svg	Gráficos Vectoriales (SVG)	image/svg+xml
.swf	Small web format (SWF) o Documento Adobe Flash	application/x-shockwave-flash
.tar	Aerchivo Tape (TAR)	application/x-tar
.tif .tiff	Formato de archivo de imagen etiquetado (TIFF)	image/tiff
.ttf	Fuente TrueType	font/ttf
.vsd	Microsft Visio	application/vnd.visio
.wav	Formato de audio de forma de onda (WAV)	audio/x-wav
.weba	Audio WEBM	audio/webm
.webm	Video WEBM	video/webm
.webp	Imágenes WEBP	image/webp
.woff	Formato de fuente abierta web (WOFF)	font/woff
.woff2	Formato de fuente abierta web (WOFF)	font/woff2
.xhtml	XHTML	application/xhtml+xml
.xls	Microsoft Excel	application/vnd.ms-excel
.xml	XML	application/xml
.xul	XUL	application/vnd.mozilla.xul+xml
.zip	Archivo ZIP	application/zip
.3gp	Contenedor de audio/video 3GPP	video/3gpp audio/3gpp if it doesn't contain video
.3g2	Contenedor de audio/video 3GPP2	video/3gpp2 audio/3gpp2 if it doesn't contain video
.7z	Archivo 7-zip	application/x-7z-compressed

Fuente: lista oficial de todos los tipos de MIME

Fuente: MDN