» » Create New Image Style in Drupal

Create New Image Style in Drupal

Secara default telah ada 3 gaya gambar yang terdapat pada drupal yaitu Thumbnail (100x100) Medium (220x220) dan Large (480x480). Selain itu juga terdapat tiga efek yang bisa kita terapkan pada setiap image style yang kita buat diantaranya, Crop, Destraute, Resize, Rotate, Scale, dan Scale and Crop.

Setiap content type gambar yang terdapat dalam Drupal ukurannya bisa diatur dan disesuaikan secara seragam. Dalam kasus tertentu pembuatan gaya baru untuk gambar ini sangat diperlukan, misal ketika akan membuat halaman artikel thumbnail menggunakan view bootstrap thumbnail, supaya gambar thumbnail yang ditampilkan ukurannya seragam maka dibuatlah image style baru dengan efek scale and crop, yang artinya setiap gambar akan di scale dan di crop secara otomatis ketika image tersebut diterapkan.

Untuk membuat style gambar baru di drupal disini Saya akan membuat gaya gambar baru dengan efek scale and crop. To Create New Image Style in Drupal, in this tutorial I want to create new image style with effect “scale and crop”
  1. Klik Configuration > Media > Image Style > Add New Style

    menambahkan style baru
  2. Pada bagian kolom style masukan nama style baru untuk gambar yang akan Anda buat misal “Thumbnail (400x267)”. In the column Style name insert your image style name
  3. Selanjutnya karena saya disini ingin menambahkan efek scale and crop maka Saya pilih Scale and Crop pada bagian efek. Because i want to give effect scale and crop, on the EFFECT I choose “Scale And Crop” 
    menambahkan effect scale and crop
  4. Selanjutnya klik Add dan Anda akan dihadapkan pada jendela berikut. For the next,  you will look the window

    menambahkan ukuran gambar
  5. Pada bagian width masukan lebar gambar yang Anda inginkan dan pada bagian height masukan tinggi gambar yang Anda inginkan lalu klik Add Effect. In the column width and height , insert width and height your new image style, then klik Add Effect

Sampai disini proses pembuatan image style baru telah selesai, nanti Anda akan melihat ada style atau ukuran gambar baru pada halaman image style. In here your image style has been completed

image style baru berhasil ditambahkan
 

11 Responses to "Create New Image Style in Drupal"

  1. Djangkaru BumiNovember 2, 2016 at 4:34 PM

    Sudah ada ukurannya ya ? Tapi ukuran itu merubah ukuran gambar upload kagak ?
    Karena aku paling suka dengan ukuran asli photo, setelah diupload baru aku bikin ukuran medium, kadang juga large.

    ReplyDelete
    Replies
    1. Maman AchmanNovember 3, 2016 at 3:31 PM

      Gambar ukuran besar memang terlihat lebih keren di blog mas, saya aja akhir2 ini pake gambar large atau original size...

      Delete
    2. Ahmad ZaelaniNovember 5, 2016 at 3:24 PM

      tergantung sih,, bisa kita settings ke original,, atau dibuat seragam semuanya,,, kalau di drupal banyak pengaturannya,, fotonya ada yang buat thumbnailnya dan ada juga yang buat artikelnya,,, jadi ukuran bisa diseuikan dan tidak perlu repot2 banyak setings setelah uploag gambar postingan... :D

      Delete

Komentar yang Anda kirim akan terlebih dahulu di moderasi oleh Admin

Subscribe to:Post Comments (Atom)
nagabet76slot gacorslot online1213141516Slot Online Menghadirkan Pengalaman Digital Yang Didukung Pemrosesan Data Secara Real TimeMahjongways Menganalisis Pola Visual Dan Dinamika Simbol Berdasarkan Pemrosesan Data DigitalMahjongways Mengembangkan Dinamika Permainan Melalui Pengelolaan Data Dan Elemen Visual TerintegrasiAnalisis Komputasi Modern Membantu Memetakan Dinamika Sistem Digital Berdasarkan Data ObservasiMember Baru Mendorong Dinamika Komunitas Digital Menuju Pengalaman Yang Lebih Aktif Dan Menarikslot onlinemahjongwayasarsitektur layananpemrosesan data adaptifmember baruSlot Online Terbaru Menghadirkan AnalisisScatter Hitam Dianalisis Melalui PemetaanPola Scatter Hitam Membentuk Distribusi Visual Yang Dapat Dikaji Menggunakan Komputasi AdaptifArsitektur Teknologi TerdistribusiTeknologi Visualisasi DataMahjongways Mengembangkan Interaksi Visual Melalui Integrasi Simbol Digital Yang DinamisAnalisis Mahjongways Memetakan Dinamika Visual Dan Respons Antarmuka Berbasis DataScatter Hitam Dianalisis Melalui Pemetaan Struktur Simbol Digital Berbasis Komputasi AdaptifAlgoritma Scatter Hitam Membantu Mengidentifikasi Dinamika Pola Melalui Analisis Data ObservasiPg Soft Mengembangkan Sistem Rendering Adaptif Untuk Mendukung Visualisasi Digital ModernTeknologi Pg Soft Mengoptimalkan Pemrosesan Grafis Melalui Arsitektur Rendering TerintegrasiTeknologi Pemodelan Data Membantu Menganalisis Dinamika Informasi Pada Ekosistem Digital ModernArsitektur Komputasi Terdistribusi Meningkatkan Keandalan Pengelolaan Data Pada Platform DigitalTeknologi Kecerdasan Komputasional Mendorong Pengembangan Sistem Digital Yang Lebih AdaptifPemrosesan Data Modern Membantu Memetakan Pola Informasi Melalui Pendekatan Komputasi TerukurTeknologi Integrasi Data Mempermudah Sinkronisasi Informasi Dalam Lingkungan Digital TerpaduVisualisasi Komputasi Modern Membantu Menginterpretasikan Perubahan Pola Pada Sistem Digital KompleksTeknologi Otomasi Data Meningkatkan Efisiensi Pengelolaan Informasi Pada Infrastruktur DigitalModel Komputasi Adaptif Mendukung Pengembangan Teknologi Digital Melalui Analisis Data BerkelanjutanPengembangan Pg Soft Mengintegrasikan Teknologi Rendering Dengan Interaksi Visual Yang ResponsifPg Soft Menerapkan Komputasi Visual Untuk Meningkatkan Efisiensi Pengolahan Elemen DigitalEksplorasi Scatter Hitam Memetakan Distribusi Simbol Melalui Model Analitik Digital TerintegrasiPola Scatter Hitam Dikaji Menggunakan Pendekatan Visualisasi Data Dan Pemodelan StatistikMahjongways Menghadirkan Pendekatan Visual Interaktif Melalui Pemrosesan Simbol Yang AdaptifEksplorasi Mahjongways Mengungkap Perubahan Pola Visual Dalam Lingkungan Digital Terintegrasiqris dan pg soft dalam pembahasan ekosistem transaksi digitalmemahami kaitan pembayaran qris dengan platform game pg softpg soft dan perkembangan teknologi pembayaran berbasis qrissistem nontunai qris dalam konteks layanan game digitalqris pada platform game dan pentingnya verifikasi transaksimenelusuri hubungan qris dan layanan digital pg softpg soft qris dan perubahan kebiasaan pembayaran melalui mobilekeamanan transaksi qris dalam pembahasan platform game onlineteknologi pembayaran qris dan ekosistem game pg softmengenal batas layanan qris dan platform permainan digitalmahjong ways dan detail simbol yang membentuk identitas permainanmengulik animasi mahjong ways dari sudut desain digitalmahjong ways dalam perbincangan tren game di komunitas internetperpaduan motif klasik dan visual modern pada mahjong waysmahjong ways mengenal fitur tumble dan perubahan simbolwarna dan komposisi grafis yang menandai tampilan mahjong waysmahjong ways dan perjalanan game bertema tile ke platform mobilemembedah mitos pola permainan mahjong ways dengan fakta probabilitasmahjong ways menjadi bahan cerita di tengah budaya game digitaldi balik tampilan mahjong ways ada peran audio dan animasigame online menghadirkan misi unik dan dunia penuh kejutanmenjelajahi arena dan karakter dalam game online populergame online dan strategi pemain menghadapi tantangan baruketika game online menjadi ruang berkumpul komunitas digitalrahasia desain level yang membuat game online menarik dijelajahigame online dalam perubahan gaya bermain generasi mudadari misi sampingan hingga bos akhir dunia game onlinekarakter dan alur cerita yang membentuk identitas game onlinegame online menggabungkan eksplorasi dan interaksi antarpemainmenelusuri evolusi mode permainan dalam game onlinegame digital membuka ruang eksperimen bagi desainer visualdi balik layar proses pembuatan dunia game digitalteknologi audio 3d mengubah suasana dalam game digitalgame digital dan perkembangan karakter berbasis kecerdasan buatantekstur pixel dan perjalanan estetika game digitalbagaimana fisika virtual membentuk gerakan dalam game digitalgame digital menjelajahi batas antara seni dan teknologiproses rendering menghidupkan lingkungan game digitaldunia terbuka menjadi tantangan baru produksi game digitalinovasi kontrol interaktif dalam perjalanan game digital modern