Łukasz Gąsior
  • Home
  • now!
  • Blog
  • Po polsku
Social Links
Twitter
LinkedIn
Facebook
YouTube
Reddit
Instagram
GitHub
Medium
RSS
Łukasz Gąsior
  • Home
  • now!
  • Blog
  • Po polsku
  • Po polsku

Visual Studio – optymalizacja obrazów

  • 2010-12-05
  • One comment
  • 2 minute read
  • 199 views

Obrazy (grafiki) są nieodzownym elementem praktycznie każdej strony internetowej. Niestety bardzo często oprócz upiększania naszej strony, obrazy zwiększają czas jej ładowania. Dzieje się tak oczywiście z powodu zbyt dużych rozmiarów zastosowanych grafik. Na szczęście istnieje wiele aplikacji, mniej lub bardziej skomplikowanych, umożliwiających optymalizację obrazów.
Dzisiaj chciałbym przedstawić dodatek do Visual Studio 2010, który maksymalnie ułatwia ten proces. Jest nim Image Optimizer.
Dodatek ten możemy zainstalować za pomocą nowego (w Visual Studio 2010) menadżera rozszerzeń (Tools -> Extension Manager …):

lub pobierając instalator ze strony: http://visualstudiogallery.msdn.microsoft.com/en-us/a56eddd3-d79b-48ac-8c8f-2db06ade77c3.
Image Optimizer dodaje nowe pozycje w menu kontekstowym w Solution Explorerze:
1. Klikając na folderze wybieramy “Optimize images” i dokonujemy optymalizacji wszystkich znajdujących się w nim obrazów:

2. lub klikając na konkretnym obrazie “Optimize image”, aby go zoptymalizować.

Image Optimizer wykorzystuje jedne z najpopularniejszych serwisów do optymalizacji obrazów:

  • SmushIt – http://www.smushit.com/ysmush.it/
  • PunyPNG – http://punypng.com/

Warto o tym pamiętać, ponieważ nie będziemy mogli korzystać z tego dodatku będąc offline. Zastosowane w tych portalach algorytmy optymalizacji starają się zmniejszyć rozmiar grafiki nie zmieniając przy tym (widocznie) ich jakości. Dodatkowo raz zoptymalizowany obraz przy następnej próbie optymalizacji zostanie pominięty.
Za pomocą Image Optimizera możemy optymalizować trzy najpopularniejsze pliki graficzne:

  • GIF (również animowane)
  • PNG
  • JPG

Raport z optymalizacji każdorazowo jest wyświetlany w okienku Output:

Dodatkowo ciekawą opcją Image Optimizera jest możliwość zamiany obrazów na stringi w formacie base64 i osadzanie ich bezpośrednio w plikach CSS lub kodzie HTML. Ale o tym napiszę w następnym poście 🙂
Promuj

Share
Tweet
Share
Share
Related Topics
  • grafika
  • obrazy
  • optymalizacja
  • plugin
  • Visual Studio 2010
You May Also Like
View Post
  • Po polsku

Software Craftsmanship Wrocław

  • 2017-06-06
View Post
  • Po polsku

Pilnuj typów danych

  • 2014-02-26
View Post
  • Po polsku

ReSharper Essentials – poszło!

  • 2014-02-21
View Post
  • Po polsku

Turbo-Mode Developera

  • 2014-02-19
View Post
  • Po polsku

Badanie usability by TechSmith

  • 2014-02-13
View Post
  • Po polsku

Global Windows Azure Bootcamp 2014

  • 2014-02-05
View Post
  • Po polsku

Quick tip: 12. Stosuj AsNoTracking() gdzie się da!

  • 2013-01-27
View Post
  • Po polsku

Quick tip: 11. Indexed views vs. SQL Server Express

  • 2012-07-23
1 comment
  1. Pingback: Image Optimizer – osadzanie obrazów jako base64 | Łukasz Gąsior - Blog

Comments are closed.

click & help!
Nakarm dziecko!
Follow me
RESHARPER ESSENTIALS
ReSharper Essentials
CODINGTV();
codingtv();
Twitter Feed
Categories
  • Azure Cloud (6)
  • Po polsku (104)
  • Windows (1)
Featured Posts
  • Azure Activity Log – Change History
    • 2020-09-29
  • Diagram Driven Cloud Infrastructure with Cloud Maker
    • 2020-09-22
  • Azure ARM template, but it is not JSON!
    • 2020-09-15
About
👍 Cloud | DevOps | Development | Technical Leadership | 📗Author of "ReSharper Essentials
© 2019 Łukasz Gąsior. All rights reserved.
hosted with ♥️ on webio | Polityka prywatności

Input your search keywords and press Enter.