🛠 Tools

BrowserFrame : Envelopper vos captures d’un mockup de navigateur

BrowserFrame : Envelopper vos captures d’un mockup de navigateur

https://browserframe.com/

📌 BROWSERFRAME est un outil en ligne permettant de mettre en contexte vos captures d’écran dans un navigateur.
BROWSER FRAME peut simuler plusieurs navigateurs, systèmes d’exploitation et thèmes.

Quoi de neuf sur BROWSER FRAME 2 :

  1. Nouveaux cadres de navigateur et DPI élevé
    Tous les cadres ont été mis à jour pour les dernières versions des navigateurs (Chrome, Firefox, Safari, Opera, Edge et Internet Explorer), y compris le mode sombre. Un nouveau cadre de navigateur « générique » a également été ajouté. Tous les cadres de navigateur ne sont pas générés en haute DPI, et le site fonctionne bien avec les écrans Retina.
  2. Rendu rapide côté client
    La première version de BrowserFrame effectuait tous les rendus côté serveur. Le principal avantage de cette méthode était d’avoir accès à une bonne bibliothèque de traitement d’images pour assembler les images. Cependant, l’inconvénient était que cela consommait une quantité importante de CPU et que le cycle de rendu (chargement de la capture d’écran, génération du cadre, téléchargement de l’image) prenait un peu plus de temps que je ne le souhaitais.
    BrowserFrame 2.0 effectue désormais tous les rendus côté client en utilisant quelques astuces de canevas (voir ci-dessous). Cela signifie que le rendu est maintenant beaucoup plus rapide.
  3. Glisser-déposer et coller une image à partir du presse-papiers
    Au lieu d’un simple « téléchargement de fichier » classique, BrowserFrame 2.0 prend désormais en charge le glisser-déposer et le collage d’images à partir du presse-papiers.
  4. Options de rendu
    Grâce au rendu côté client, il est désormais plus facile de jouer avec les options de rendu. Il est désormais possible d’ajouter du rembourrage autour du cadre, de la couleur d’arrière-plan, de la couleur de l’écran, et plus encore. Il est également possible de fournir des dimensions personnalisées, ce qui permet de générer facilement des cadres vides de n’importe quelle taille.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.