Flash ou HTML5?

Nous vivons présentement une période de transition entre deux technologies, mais dans quelques années on prévoit l’adoption totale du HTML5. Pour conserver sa position, il est donc évident qu’Adobe devra prendre les mesures nécessaires pour assurer la portabilité complète de Flash vers le HTML5.

Voici en quelques points, une brève explication du processus transitoire auquel nous assistons actuellement:

• HTML5 occupe déjà une position de choix sur le marché des interfaces de tablettes tactiles.
• En ce qui concerne les navigateurs Web, seules les versions les plus récentes supportent le HTML5, alors que presque tous les navigateurs supportent le plug-in Flash.
• Au cours des prochaines années, on prévoit que HTML5 sera aussi reconnu par la majorité, voir même l’ensemble des navigateur Web.

Depuis ses débuts, le système d’exploitation iOS d’Apple interdit le plug-in Flash sur les IPad. Microsoft, qui vient de faire son entrée sur les marchés des tablettes tactiles, l’interdit aussi sur les tablettes équipées de Windows 8 (interface Metro). Seul le système d’exploitation Androïd de Google l’accepte sur les tablettes de marque Samsung, Acer et autres

Pour le consommateur, ce tiraillement devient un vrai casse-tête lorsque vient le temps de choisir une tablette. Pour les entreprises qui souhaitent présenter, sur tablette tactile, un contenu développé en Flash, le choix est clair. Elles doivent se tourner vers Androïd, mais cela implique qu’elles doivent aussi renoncer aux systèmes d’exploitation iOS d’Apple et à Windows 8 de Microsoft. Il existe certaines solution pour contourner cette interdiction de iOS d’Apple, comme, par exemple, d'intégrer les éléments Flash dans un e-book, qui lui, peut être visionné sur un IPad.

Adobe n’est pas indifférent au blocage d’Apple et de Microsoft, et c’est pourquoi il a fait un premier pas en rendant compatibles ses serveurs vidéos avec l’iOS d’Apple. En effet, en ce qui a trait à la vidéo, les contenus Flash sont convertis en HTML5 et deviennent donc lisibles sur les IPad, IPod et IPhone d’Apple.

Évidemment, cela ne suffit pas. Alors que Microsoft et Apple s’accaparent les marchés, il est impératif qu’Adobe trouve un moyen de rendre compatibles tous les les contenus Flash (animations, publicités, interfaces de sites Internet, etc) pour une conversion totale de Flash vers HTML5. Vu les possibilités qu’offre Flash pour le graphisme, l’animation et le multimédia, il est souhaitable qu’Adobe élabore une solution permettant cette compatibilité!

Évolution technologique et positionnement sur le Web

En seulement 25 ans, on peut dire que l'informatique a grandement évolué!

Pensez aux dimensions de l'écran d'ordinateur que vous possédiez il y a de cela seulement une dizaine d'années ou encore à la taille des premiers cellulaires! Au cours des trois dernières décennies, l'évolution technologique a complètement transformé l'Univers des télécommunications.

Pensez au temps que vous consacrez quotidiennement à l'entretien des différents réseaux sociaux sur lesquels vous êtes inscrits, ou encore à la facilité avec laquelle on peut vous rejoindre où que vous soyez, par courriel, par l'entremise des réseaux sociaux, sur votre mobile ou à l'aide d'un texto! Il est maintenant difficile d'imaginer se passer de ces petits appareils qui meublent aujourd'hui notre quotidien! 

Pour se remémorer cette époque où l'ordinateur a commencé son entrée dans les foyers nord-américains, mais aussi pour réaliser l'importance pour une entreprise d'être à l'affût des nouvelles technologies, voici une petite vidéo fort intéressante: https://www.youtube.com/watch?v=lSSuvmjovUY

Vu le temps que consacrent les individus à la navigation Internet et vu la valeur qu'on accorde à cette ressource, il est indispensable pour une entreprise de développer des stratégies de positionnement sur la toile, et ce dans le but de rejoindre un plus grand nombre d'internautes. Si on ne trouve pas votre entreprise sur le Web, on trouvera peut-être celle de votre compétiteur.

Selon le type d'entreprise, il est important de développer un site Internet et un réseau social adaptés aux besoins, pour permettre l'atteinte des objectifs.

Un site Internet efficace tient compte de plusieurs éléments, dont le référencement naturel (SEO), le référence payant (SEM) et le référencement social (SMO), tout en offrant un aspect visuel unique et intéressant et une ergonomie de navigation optimale.

Pour être visité par un maximum d'internautes, un site veut se retrouver dans les premières pages de résultats de recherche sur les différents moteurs. Voilà pourquoi il est essentiel de faire appel à des experts!

Photoshop ou Illustrator ?

Pour un infographiste, ces deux logiciels, tout aussi performant l’un que l’autre, offrent des possibilités bien différentes. Voici donc une brève comparaison pour vous aider à identifier lequel répond le mieux à vos besoins selon ce que vous souhaitez effectuer.

Illustrator est un logiciel avec lequel on réalise des illustrations vectorielles. C’est à dire que les contours de chaque élément sont positionnés dans l’espace par des points (vecteurs) qui sont reliés entre eux par des formules mathématiques. Illustrator est indépendant de la résolution. Par conséquent, une illustration peut être agrandie à l’infini. On peut donc réaliser un logo en petit format pour l’imprimer sur une carte d’affaires et tout simplement l’agrandir pour le faire installer sur l’enseigne d’un commerce, et ce sans aucune perte de la qualité graphique. 

Les illustrations vectorielles sont plus légères que les images matricielles, car elles sont composées de formules mathématiques.

Avec Photoshop, on réalise des images matricielles (bitmap). Ces images sont constituées d’aplats de couleurs qui sont composés d’une multitude de points infiniment petits et rapprochés. Lorsqu’on agrandit ce type d’image, ce sont ces points appelés pixels qu’on agrandit et on peut perdre la qualité jusqu’à pouvoir distinguer les pixels. Avec ce logiciel, il est dont important de tenir compte de la résolution de l’image. Les images matricielles sont plus volumineuses (poids de l’image), car elle décrivent pixel par pixel les couleurs qui la composent.

Photoshop n’est pas l’outil idéal pour la réalisation d’éléments graphiques, mais il est toutefois indispensable pour le traitement et la correction d’images ou de photos. Par exemple, Photoshop permet de sélectionner une seule couleur dans une image et de l’isoler sur un autre calque. Cette tâche ne peut être effectuée avec Illustrator qui reconnaitrait l’image entière comme un objet, qui conserve ses propriétés d’image matricielle.

Vu les possibilités qu’offre chacun de ces deux logiciels, il est intéressant de pouvoir passer de l’un à l’autre selon le travail à effectuer. Ces deux produits d’Adobe sont compatibles, c'est à dire que Photoshop permet un peu de vectoriel et Illustrator permet un peu de matriciel.

Imprimer une image trouvée sur Internet

En navigant sur la toile, vous avez eu un coup de coeur pour une photo et vous souhaitez la faire imprimer en grand format pour l'afficher sur le mur de votre salon?

Avant d'aller plus loin, nous vous invitons à lire l'article Résolution d'images numériques sur notre blogue. Vous y trouverez des informations détaillées sur ce que sont la taille, les dimensions réelles et la résolution d'une image, ainsi qu'une méthode pour calculer le format requis pour l'impression.

En général, les images présentées sur un site Internet sont de petite taille et en très basse résolution, c'est à dire qu'elles présentent une faible quantité de pixels par pouce, soit entre 72 et 100.

Les pixels sont des petits points de matière (couleur) qui composent l'image. Plus les pixels sont petits et rapprochés, meilleure est la qualité de l'image et plus on peut agrandir cette dernière en conservant une bonne qualité.

Inversement, si dans l'image de départ les pixels sont gros, par conséquent, une plus petite quantité sera contenue dans l'espace d'un pouce, et lorsqu'on voudra agrandir l'image, les pixels grossiront aussi et on en verra les contours et les détails, ce qui rendra l'image floue.
 
Exemple:

Regardons les images plus bas. Dans l'image de droite, les pixels sont très gros, c'est pourquoi on peut distinguer chacun d'entre eux, on peut presque compter à l'oeil, le nombre de pixels contenus dans un pouce carré.

Dans l'image de gauche, les pixels sont infiniment petits et donc très rapproché. À l'oeil, il est impossible compter le nombre de pixels contenus dans un pouce carré.




L'image trouvée sur Internet peut être très belle à l'écran, mais une fois imprimée, la qualité sera médiocre.
Dans le but d'augmenter la rapidité de chargement d'un site Internet, le format des images est réduit au maximum.

Si une image vous plait, vous pouvez tenter de communiquer avec les propriétaires du site Internet sur lequel vous l'avez trouvé. Il est fort probable qu'ils possèdent une version de cette même image dans une meilleure résolution, ou encore, peut-être pourront-ils vous informer de l'endroit où ils se la sont procurée. En procédant de cette façon, vous vous assurez aussi de respecter les droits d'auteur.

Si vous êtes à la recherche de photos, sachez qu'il existe des banques d'images comme IStock.com et Shutterstock.com, d'où vous pouvez télécharger des images dans le format et les dimensions qui vous conviennent. En faisant votre sélection sur ce type de site, vous vous assurez aussi de respecter les droits d'auteur. Portez toutefois une attention aux particulière quant aux restriction, pour vous assurer que l'usage que vous souhaitez faire des images est permis. En plus des photos, vous y trouverez des images, des éléments graphiques en vectoriel, des vidéos ainsi que des éléments en Flash. 

La plupart de temps, lorsqu'on voit une image numérique, elle est en jpeg ou en png. Pour connaître la différence entre ces deux formats, consultez notre article: Formats d'images.

Dans un prochain article, nous traiterons des avantages d'une image vectorielle.