image

  1. filiallion

    Share Tạo hiệu ứng hover hình ảnh dành riêng cho Bootstrap với thư viện Bootstrap Image Hover

    Thư viện Bootstrap đã quá quen thuộc với các bạn thiết kế giao diện website và Bootstrap cũng là một trong các thư viện CSS được sử dụng nhiều nhất hiện nay. Với sự phổ biến cũng như sức mạnh của mình, Bootstrap nhận được sự qua tâm, đóng góp của nhiều lập trình viên bằng các thư viện mở rộng hỗ...
  2. filiallion

    Share Nhận diện màu sắc có trong hình ảnh với thư viện ColorExtractor

    Nếu các bạn muốn nhận diện màu sắc được sử dụng trong hình ảnh nào đó thì các bạn có thể sử dụng thư viện ColorExtractor mà tôi giới thiệu với các bạn ở bài viết này. Thư viện ColorExtractor sẽ phân tích màu sắc có trong hình ảnh để lấy ra danh sách các màu sắc được sử dụng. Việc sử dụng thư...
  3. filiallion

    Share Làm việc với hình ảnh bằng thư viện Glide

    Hiện nay có nhiều thư viện PHP hỗ trợ việc chỉnh sửa hình ảnh, hầu hết các thư viện PHP đều sử dụng phần mở rộng GD hoặc ImageMagick. Thư viện Glide mà tôi giới thiệu với các bạn ở bài viết này cũng được phát triển dựa vào hai thư viện xử lý hình ảnh này. Tính năng mà tôi quan tâm nhất của thư...
  4. filiallion

    Share Tạo mã băm cho hình ảnh với thư viện ImageHash

    Khi các bạn tải các tập tin trên mạng Internet thường hay có mã băm (Gọi là hash) để kiểm tra tính toàn vẹn của tập tin. Các bạn cũng cần phân biệt vai trò của mã băm mà tôi đề cập ở bài viết này không giống như băm mật khẩu. Việc tạo mã băm để người dùng kiểm tra tính toàn vẹn của tập tin rất...
  5. filiallion

    Share Nhận diện các màu sắc có trong hình ảnh với thư viện Vibrant.js

    Khi các bạn tải lên một hình ảnh và muốn biết xem hình ảnh này sử dụng những màu sắc gì để phục vụ cho một chức năng nào đó thì các bạn có thể sử dụng thư viện Vibrant.js. Thư viện Vibrant.js có khả năng nhận diện nhiều màu sắc tồn tại trong một hình ảnh và trả về cho các bạn danh sách các màu...
  6. filiallion

    Share Vẽ một vài hình ảnh SVG đơn giản

    Ở bài viết "Tìm hiểu về hình ảnh SVG" tôi đã giới thiệu tổng quan về hình ảnh SVG đang được sử dụng phổ biến trên web hiện nay. Bài viết này tôi sẽ hướng dẫn các bạn sử dụng XML để tạo ra một vài hình ảnh SVG đơn giản, giúp các bạn có kiến thức cơ bản nhất để có thể tự tạo bất kỳ biểu tượng nào...
  7. filiallion

    Share Tìm hiểu về hình ảnh SVG

    SVG là một dạng hình ảnh đồ hoạ có nhiều cải tiến đáng giá và đang được sử dụng phổ biến thay cho các hình ảnh truyền thống, nhất là trên các website bởi các ưu điểm nổi bật của nó. Tên gọi SVG là viết tắt của cụm từ "Scalable Vector Graphics" và cấu trúc của nó là ngôn ngữ đánh dấu XML dùng để...
  8. filiallion

    Share Tạo ảnh thumbnail dễ dàng với thư viện JBZoo Image

    Tạo ảnh thumbnail thường được sử dụng trên website, nhất là các website có trình bày sản phẩm. Mục đích của việc tạo thumbnail là để tối ưu hiển thị hình ảnh, giảm dung lượng hình ảnh phù hợp với kích thước hình ảnh hiển thị. Ngoài ra trong một số trường hợp, hình ảnh thumbnail còn giúp website...
  9. filiallion

    Share Làm việc với hình ảnh trong PHP với thư viện GImage

    Hiện tại, PHP có rất nhiều thư viện xử lý hình ảnh và bài viết này tôi tiếp tục giới thiệu với các bạn một thư viện xử lý hình ảnh đơn giản nữa đó là GImage. Với tên gọi GImage, các bạn có thể liên tưởng tới bộ thư viện đồ hoạ GD của PHP và tên gọi GImage là lấy từ tên thư viện GD này. Nếu so...
  10. filiallion

    Share Xử lý hình ảnh chuyên nghiệp trong CodeIgniter 4

    Hiện nay rất ít PHP framework hỗ trợ thành phần xử lý hình ảnh nên hầu hết các bạn đều phải sử dụng thêm một thư viện tích hợp riêng như Imagine chẳng hạn. Tuy nhiên, với CodeIgniter thì thành phần xử lý hình ảnh này được tích hợp rất đầy đủ các chức năng và được gọi là lớp Image Manipulation...
  11. filiallion

    Share Tạo hình ảnh động với thư viện GifCreator

    Ngày nay, các website đã hạn chế hoặc không còn sử dụng hình ảnh động dạng gif nữa. Tuy nhiên, trong nhiều trường hợp các hình ảnh động gif này lại rất cần thiết, ví dụ như trong trường hợp muốn làm hình ảnh động trình bày một vài thao tác hướng dẫn đơn giản mà không cần thiết phải dùng tới...
  12. filiallion

    Share Xử lý hình ảnh bằng PHP với thư viện Gregwar Image

    Lập trình web thì việc xử lý hình ảnh như cắt xén, thay đổi kích thước, giảm dung lượng, gắn watermark... là điều cần thiết. Với PHP thì các bạn có nhiều thư viện từ đơn giản đến cao cấp để thực hiện các xử lý hình ảnh. Trước đây tôi cũng đã giới thiệu với các bạn thư viện Imagine tại bài viết...
  13. filiallion

    Share Tạo hiệu ứng hình ảnh tương tự Instagram với thư viện Instagram.css

    Instagram là một mạng xã hội hình ảnh lớn nhất hiện nay thuộc quyền sở hữu của Facebook. Mạng xã hội Instagram chứa tới hàng tỉ hình ảnh do người dùng tải lên, mỗi hình ảnh người dùng có thể áp dụng nhiều hiệu ứng khác nhau tạo ra sự khác lạ cho hình ảnh, từ hình ảnh màu các bạn có thể chuyển...
  14. filiallion

    Share Sử dụng thư viện Intervention Image để làm việc với hình ảnh

    Trước đây tôi có giới thiệu với các bạn thư viện Imagine tại bài viết "Xử lý hình ảnh chuyên nghiệp với thư viện Imagine" và thư viện ImageWorkshop tại bài viết "Xử lý hình ảnh đơn giản với thư viện ImageWorkshop" chuyên dùng để xử lý hình ảnh trong PHP. Đây là hai thư viện rất mạnh mẽ của PHP...
  15. filiallion

    Share Tạo chương trình xem ảnh chuyên nghiệp với thư viện Viewer.js

    Đối với các website chuyên cung cấp hình ảnh thì việc tạo ra một cách thức xem ảnh làm hài lòng người dùng là một vấn đề khó. Tuy nhiên với thư viện Viewer.js các bạn hoàn toàn có thể tạo ra một chương trình xem ảnh chuyên nghiệp, trực quan với người dùng. Không chỉ đơn giản chỉ là một chương...
  16. filiallion

    Share Sử dụng thư viện Cropper.js để cắt xén hình ảnh

    Đối với các website có sử dụng hình ảnh như website bán hàng thể hiện hình ảnh sản phẩm thì thường các bạn sẽ thiết kế hình ảnh bằng Photoshop chẳng hạn để điều chỉnh kích thước hình ảnh đúng theo khuông mẫu của giao diện web. Tuy nhiên, trong nhiều trường hợp, website của các bạn lại cung cấp...
  17. filiallion

    Share Một số mẹo sử dụng hình ảnh để SEO thành công

    Ngày nay, việc các công ty kinh doanh có một website để giới thiệu, quảng bá sản phẩm, dịch vụ tới khách hàng là điều cần thiết. Tuy nhiên, chất lượng cũng như độ phổ biến của website cũng cho thấy sự chuyên nghiệp của công ty. Một website được đầu tư, phát triển tốt thì khách hàng sẽ cảm thấy...
  18. filiallion

    Share Zoom hình ảnh chuyên nghiệp với thư viện elevateZoom

    Hiện nay có nhiều thư viện thực hiện chức năng zoom hình ảnh nhưng với tôi thì thư viện elevateZoom là thư viện thực hiện việc zoom hình ảnh chuyên nghiệp nhất với nhiều tuỳ chọn, hiệu ứng đáp ứng được hoàn toàn các yêu cầu của các bạn. Ngoài ra, việc sử dụng thư viện elevateZoom cũng rất đơn...
  19. filiallion

    Share Hiệu ứng hover hình ảnh đẹp mắt với thư viện SlipHover

    Mặc định với CSS các bạn hoàn toàn có thể tạo ra các hiệu ứng đẹp mắt khi hover lên hình ảnh hay bất kỳ thành phần nào. Tuy nhiên, việc sử dụng CSS để thực hiện các hiệu ứng phức tạp thì đòi hỏi các bạn phải mất nhiều công sức để viết mã lệnh. Với thư viện SlipHover thì mọi thứ lại trở nên đơn...
  20. filiallion

    Share Kiểm tra hình ảnh đã được tải với thư viện imagesLoaded

    Khi truy cập một website nào đó mà hình ảnh trên website xuất hiện hiệu ứng đang được tải thì các bạn sẽ thấy website thật thú vị. Ngoài ra, trong một số trường hợp các bạn muốn làm một việc gì đó ngay sau khi tất cả hình ảnh trên website được tải hoàn toàn thì phải làm thế nào? Với yêu cầu này...
Back
Top