En este artículo, aprenderá por qué los GIF no funcionan en Odnoklassniki, las causas de los problemas y cómo solucionarlos. Dado que la mayoría de las personas en la red social OK son usuarios de computadoras e Internet sin experiencia, esta instrucción será útil. Este problema puede tener una serie de razones que están relacionadas con los navegadores, los complementos y también dependen en gran medida del funcionamiento estable del servicio en sí. Consideremos con más detalle las razones por las que los gifs no se muestran en Odnoklassniki o por qué los gifs son negros en Odnoklassniki (los usuarios a menudo se quejan de que las animaciones se vuelven negras o se oscurecen cuando se reproducen). También en nuestro sitio web lea acerca de dónde encontrarlos y cómo usarlos.
No hay una sección separada para un álbum con gifs en la red social. Cuando guarde la primera animación en su perfil y la cargue desde su computadora, este álbum se creará automáticamente, por lo que no tiene que esforzarse. Ahora veamos cómo hacer que se reproduzcan animaciones gif.
Seleccionemos una lista de problemas y fallas por las cuales las animaciones no se cargan:
Analicemos cada causa con más detalle y consideremos formas de solucionar el problema.
En primer lugar, intente abrir el archivo GIF en una red social con un navegador diferente. Si todo funciona correctamente en otro programa, entonces el problema está en su navegador estándar. Los GIF no se cargan debido a complementos de terceros o versión antigua programas Necesitas actualizarlo. Si esto no ayuda, tendrá que cambiar a un navegador diferente y acostumbrarse.
Los gifs tampoco van debido a fallas en el servicio. Los creadores de la red social a menudo eliminan estos problemas en poco tiempo, por lo que solo debe esperar. Si incluso después de un día el error de reproducción no ha desaparecido, escriba a apoyo técnico un llamamiento en el que se indique el tema del problema y se describa. El servicio considerará rápidamente su queja, la resolverá o le indicará qué hacer en esta situación. Sin embargo, los casos con un sitio roto son raros, así que pasemos a problemas más comunes. Lea también en nuestro sitio web un artículo sobre por qué y qué hacer al respecto.
Flash Player es un complemento necesario para que los archivos multimedia funcionen en el navegador. Para saber la versión que está instalada en su PC, debe ir al enlace https://get.adobe.com/en/flashplayer. También puede descargar la última versión del programa allí.
A menudo, los usuarios sin experiencia no protegen su PC con antivirus, lo que conduce a la infección del navegador. Esto implica que los archivos gif, videos o música (a veces todos juntos) no se abren. Para resolver este problema, debe ir a la carpeta en unidad de sistema windows/system32/drivers/etc/. en ella abierta archivo anfitrión a través del Bloc de notas y elimine todas las entradas, luego guarde los cambios.
Gif en el teléfono no funciona debido a un dispositivo débil, navegador o versión desactualizada aplicación movil. En el primer caso tendrás que cambiar de teléfono, en los dos últimos tendrás que actualizar software antes versiones actuales. Ahora sabes por qué los gifs no se mueven y cómo solucionarlo.
Los GIF no funcionan
El tema de la optimización de sitios web ahora se discute cada vez más a menudo. Y por una buena razón, ya que la web es cada vez más rápida y hay más información disponible. Solo mire la cantidad de servicios de optimización de imágenes, estilos CSS, Los estilos JS han aparecido recientemente. Lograr un sitio de carga rápida se ha vuelto mucho más fácil de lo que solía ser. Pero incluso aquí, no todo se resuelve con simples servicios. Hoy vamos a ver una forma sencilla de cargar solo GIF al hacer clic.
Si desea estudiar el tema de la velocidad de descarga con más detalle, le recomiendo leer los siguientes artículos:
Dado que el artículo se refiere específicamente a las imágenes GIF, le recomiendo que estudie el artículo sobre creación de GIF en línea:
No habrá ejemplos de antes y después, ya que aquí todo quedará claro en números. Y a continuación puede ver y descargar un ejemplo listo para cargar una imagen GIF al hacer clic:
Para evaluar visualmente todos los pros y los contras de este método, presenté todo claramente en la tabla:
El primer punto es un poco controvertido, porque era posible escribir un script en Javascript puro, luego estaría ausente, pero el resto definitivamente permanecerá de todos modos.
Hasta el momento, no está del todo claro cuál es entonces el significado de este método, si tiene tantas desventajas. Pero aquí está la última ventaja para muchos (incluyéndome a mí) será mucho más importante que todas las desventajas que se enumeran anteriormente. Para lograr una buena velocidad de descarga, debe hacer algo.
Ahora quiero hablar un poco sobre la última manera descargas y muestra en números cuánto difieren los volúmenes de datos descargados con una simple inserción de GIF, así como en el segundo caso. Daré ejemplos de esas imágenes GIF que puedes ver en formato .
Específicamente en este ejemplo las diferencias son enormes!
Digamos que estás inspirado Por aquí y entiende que su sitio tiene una gran cantidad de imágenes GIF, pero la velocidad de descarga se resiente. Y decidió implementar esta funcionalidad en su proyecto (posiblemente en el futuro). Hay un pequeño procedimiento preliminar en el que debe preparar imágenes de vista previa que deben mostrarse tan pronto como se haya cargado el sitio. Es decir, estas son exactamente las imágenes que ve el usuario hasta que hace clic en el botón Reproducir.
¿Qué se puede poner en la imagen de vista previa? Aquí hay 2 opciones: hacer una vista previa de cada imagen GIF, que es su primer cuadro, o hacer una imagen que se usará en todo el sitio, independientemente de la imagen GIF. Pero, para decidir qué será lo mejor para su proyecto, debe hacerlo usted mismo.
Entonces, ha preparado todas las imágenes de vista previa para cada imagen GIF y ahora está listo para implementar la funcionalidad, ¡luego pasemos al bloque más interesante! 🙂
Todo será realmente simple aquí, y si no, simplemente descargue la demostración y vea cómo funciona todo en el interior y realice las acciones apropiadas para su proyecto.
Comencemos, como de costumbre, con el marcado:
1 2 3 | <div class="gif-con-jugar"> <img src = "img/autorretrato.jpg" alt = "Autorretrato" data-srcgif= "img/self-portrait.gif" > !} </div> |
IMPORTANTE: todas las imágenes deben estar en un bloque con la clase "gif-with-play". Y la segunda nota importante: debe especificar la dirección de la imagen de vista previa en el atributo "src" y es OBLIGATORIO especificar la dirección de la imagen GIF en el atributo "data-alt" .
De hecho, puede prescindir de los estilos CSS e implementar la funcionalidad y eso es todo. Pero después de todo, es poco probable que una persona entienda que puede hacer clic en la imagen y simplemente desplazarse más por la página. Por lo tanto, aún necesitamos estilos que ayuden al usuario a comprender cómo trabajar con este componente de página:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 | .gif-with-play (posición: relativa; fondo) centro transparente sin repetición centro; ) .gif-with-play: hover (cursor: puntero;) after , .play .gif-with-play :after ( content : "" ; position : absolute ; top : 0 ; left : 0 ; right : 0 ; bottom : 0 ; margin : auto ; height : 120px ; width : 120px ; -webkit-background-size: portada; background-size: portada; z-index: 10; -webkit-transition: todas las facilidades de .35s; -o-transition: todas las facilidades de .35s; transición: todas las facilidades de .35s; opacidad: 1 ; ) .gif-with-play :después (imagen de fondo : url ( "../img/botones-del-jugador/play_button.svg") ; ) .play .gif-with-play :después (imagen de fondo : url ( "../img/botones-del-jugador/stop_button.svg") ; ) .play .gif-with-play : not(: hover) :after ( opacidad : .35; ) .gif-with-play :before ( content : "" ; position : absolute ; top : 0 ; left : 0 ; alto: 100 % ancho: 100 % color de fondo: rgba (255, 255, 255, .7) índice z: 10 -webkit-transition: todos .35s facilidad -o-transition: todos .35s facilidad; transición: todo .35s facilidad; opacidad: 1; ) .play : 1 ; -webkit-transition : toda la facilidad de .35s; -o-transition : toda la facilidad de .35s; transición : toda la facilidad de .35s img ( opacidad .play .gif-with-play :after (opacity : 0 ; ) Pantalla @media y (ancho máximo: 768px) (.gif-with-play:después, .play .gif-with-play:después (alto: 60px; ancho: 60px;)) |
Este es el conjunto de estilos más básico para mostrar el botón de reproducción. Los escribí solo para que entienda el principio y pueda cambiar el botón (y cualquier estilo) para usted y su proyecto. Si observa, para una imagen GIF que se sustituirá con JS en lugar de vista previa, al bloque contenedor (en nuestro caso, el bloque con la clase "gif-with-play") se le agrega la clase "play".
Alguien dirá que fue posible agregar etiquetas adicionales al marcado HTML y vincular los eventos de reproducción y detención de GIF a ellos. Pero me gusta el formato con :before y :after pseudo-elements.
En primer lugar, debe conectarse biblioteca jQuery. Y luego coloque el siguiente script a continuación:
CÓDIGO JAVASCRIPT
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | (función ($) ( $(".gif-with-play") .on ("clic", función () ( var $esto = $(esto ) , $img = $esto.niños ("img") , $imgSrc = $img.attr ("src" ) , $imgSrcgif = $img.attr ("data-srcgif" ) , $imgExt = $imgSrcgif.split ("." ) ; if ($imgExt[ 1 ] == = "gif" ) ;$img.attr("src" , $img.data("srcgif" ) ) .attr("data-srcgif" , $imgSrc) ;$($img) .load (función () ; )); ) ; ) ) (jQuery) ; |
Las principales ventajas y características del complemento "WP GIF Player":
Para los propietarios de WordPress esto es Buena decisión, porque realizar constantemente todas las acciones manualmente puede llevar mucho tiempo, y escribir su propio complemento no es para todos.
Ahora las imágenes GIF son una excelente manera de explicar la mayoría punto importante. Además, muchas documentaciones se realizan con imágenes GIF, ya que puede mostrar visualmente el uso de cualquier herramienta de forma local o mediante teclas de acceso rápido.
Pero este método es difícil de aplicar en grandes volúmenes, cuando lo usa en casi todas las páginas, porque este método deberá finalizarse para que el servidor genere una imagen de vista previa de GIF.
Un gif inactivo en Odnoklassniki indica claramente un problema existente. Identificar e implementar un conjunto de acciones correctivas ayudará a restaurar el pleno funcionamiento de la red social.
Hay varias razones por las que los gifs no funcionan en Odnoklassniki:
Los métodos para resolver problemas varían, por lo que es necesario considerar cada caso en detalle.
Es fácil comprobar que el motivo de los gifs rotos radica en el navegador. Debe iniciar sesión en Odnoklassniki a través de otro navegador web e intentar abrir la animación. Si el gif ha ganado, entonces ocurre uno de los problemas:
La solución es actualizar su navegador, eliminar complementos innecesarios o cambiar a otro navegador.
A menudo, las fallas en el trabajo de las imágenes animadas ocurren debido a errores en la propia red social o en el sitio web. trabajo técnico. Estos problemas son resueltos rápidamente por los desarrolladores y los usuarios se quedan con:
La mayoría de las veces no se abren en Odnoklassniki debido a un error en el complemento para reproducir todos los archivos multimedia: Flash Player. Como regla general, en este caso, los juegos inactivos se agregan a las animaciones congeladas. La solución de problemas requiere:
Los usuarios descuidados pueden convertirse en víctimas de virus, lo que también limitará la reproducción de gifs en Odnoklassniki. Malware también afecta a otros archivos multimedia, por lo que es importante proteger su dispositivo con un antivirus confiable y luego escanear y analizar las consecuencias de la infección.
Algunos archivos se desinfectarán, otros se pondrán en cuarentena o se eliminarán. Si te afectaron archivos del sistema, es posible que deba reinstalar el sistema operativo para restaurar el funcionamiento normal.
No es difícil "revivir" los gifs repentinamente congelados en Odnoklassniki si determina con precisión la fuente del problema y toma las medidas necesarias para resolverlo.
La animación GIF se ha convertido en una forma popular de compartir información en las redes sociales. Con la ayuda de pequeños recortes del video, los usuarios comparten historias divertidas, recetas y noticias entre ellos. En algunos smartphones con funcionamiento sistema Android Los gifs animados no se reproducen. La animación no se carga hasta el final o el GIF se congela y no se reproduce correctamente.
Los teléfonos inteligentes modernos pueden reproducir animaciones gif de varias maneras:
Si el usuario tiene problemas con la reproducción, se recomienda instalar aplicaciones de reproducción de animación en el teléfono inteligente.
Las aplicaciones enumeradas a continuación se distribuyen de forma gratuita. Puede descargarlos en el servicio GooglePlay, después de la instalación, puede abrir y ver archivos en formato gif a través de ellos.
El administrador de archivos QuickPic le permite ver imágenes y animaciones gif. La aplicación es ligera y rápida. Muchos usuarios prefieren QuickPic cuando ven fotos e imágenes en lugar de la galería estándar de Android. Con QuickPic, puede realizar operaciones:
QuickPic no se ralentiza incluso en teléfonos inteligentes lentos o sobrecargados.
La aplicación está diseñada específicamente para trabajar con gifs animados. Después de instalar GIF Player, el usuario puede:
GIF Player funciona sin problemas, reproduce animaciones sin tartamudeos ni artefactos.
Esta aplicación también está diseñada para reproducir exactamente animación gif. Si el usuario tiene una conexión de red activada en su teléfono inteligente, las imágenes animadas se pueden encontrar y descargar a través de la aplicación.
En este breve tutorial, toquemos el tema de la visualización de imágenes y, específicamente, hablemos sobre la visualización de imágenes gif en la sala de operaciones. sistema de ventanas 7.
porque el formato gif y por qué en Windows 7?
El hecho es que en sistemas operativos anteriores (por ejemplo, en Windows XP), se abrían archivos de este formato medios estándar para ver imágenes y verlas no causó dificultades ni preguntas, y ya a partir de Windows Vista la situación ha cambiado. En este y posteriores sistemas operativos, los archivos gif se abren de forma predeterminada en navegador de Internet explorador.
Para muchos usuarios que cambiaron a nuevas ventanas esta innovación resultó ser al menos extraña e inconveniente y, por lo tanto, en esta lección consideraremos un par de opciones para salir de esta situación.
Entonces, sin entrar en sutilezas, GIF es un formato de imagen gráfica popular que puede admitir transparencia y animación.
Aquí hay un ejemplo simple:
Como puede ver, ambos archivos, que tienen la misma extensión (la misma extensión gif), al mismo tiempo difieren entre sí (uno de ellos tiene un efecto de animación, el otro no). ¡Debes entender esto!
si estamos en Sistema operativo Windows 7, haga clic en el icono del archivo gif animado, se abrirá en el navegador de forma predeterminada (como se mencionó anteriormente) y se guardará su animación.
Ahora hagamos que los archivos gif se abran de la forma habitual (el visor de imágenes estándar). Hacer esto es bastante simple: haga clic en cualquier archivo gif botón derecho del ratón ratones y Menú de contexto seleccione un artículo Abrir con - Seleccionar programa:
Después de eso, encontramos el elemento necesario en esta sección, lo seleccionamos y hacemos clic De acuerdo. Si quieres tipo dado archivo (gif) siempre abierto con un visor estándar, primero marque la casilla Usar el programa seleccionado para todos los archivos de este tipo:
Después de eso, nuestro archivo será abierto por el espectador habitual, pero ...
Tenga en cuenta que en Windows 7 ver archivos gif animados de esta manera será incorrecto: en lugar de una animación, veremos una imagen estática (el primer cuadro). Aquellos. si abre un árbol de Navidad con guirnaldas destellantes de esta manera, no veremos ninguna guirnalda destellante, la imagen permanecerá inmóvil.
Aquí hay tal matiz.
Si la animación de los archivos gif no es importante para usted, entonces puede usar esta opción de visualización de manera segura; de lo contrario, debe dejar todo como está y ver la animación gif en el navegador (como lo pretenden los desarrolladores de Windows). Con el tiempo, puedes acostumbrarte a esto.
En esta situación, definitivamente debo mencionar que hay una tercera opción de vista (alternativa): usar programas de terceros para ver imágenes.
Hay muchos programas de este tipo y cada uno tiene sus pros y sus contras. Como alternativa, puedo recomendar programa gratis Imagen de piedra rápida Visor, que puede descargar.
Este es un programa pequeño y bastante ameno que, además de ver un número grande Los formatos de imagen también le permiten editar imágenes y agregarles varios efectos. Los archivos gif en este programa, por supuesto, se muestran correctamente. El programa también se puede personalizar fácilmente "para usted mismo", lo que hace que la visualización de imágenes sea aún más agradable. ¡Intentalo!
Bueno, si le gusta el programa, entonces si lo desea, siempre puede asegurarse de que todas las imágenes (todos los formatos principales) se abran solo con este programa. Sobre esto ya.