diff --git a/app/Http/Requests/Concerns/HasImageUploads.php b/app/Http/Requests/Concerns/HasImageUploads.php
index 305dc321..a226db0a 100644
--- a/app/Http/Requests/Concerns/HasImageUploads.php
+++ b/app/Http/Requests/Concerns/HasImageUploads.php
@@ -2,14 +2,21 @@
 
 namespace App\Http\Requests\Concerns;
 
+use App\Rules\FilenameLengthRule;
+
 trait HasImageUploads
 {
-    public function uploadedImageRules(): string
+    public function uploadedImageRules(): array
     {
         $max_filesize = $this->maxFilesize() * 1000;
         $allowed_mimes = implode(',', $this->supportedMimes());
 
-        return "mimes:$allowed_mimes|min:1|max:$max_filesize";
+        return [
+            "mimes:{$allowed_mimes}",
+            "min:1",
+            "max:{$max_filesize}",
+            new FilenameLengthRule(maxLength: $this->maxFilenameLength()),
+        ];
     }
 
     public function uploadedImageMessages(string $rule): string
@@ -31,6 +38,11 @@ public function maxFilesize()
         return config('media-library.max_file_size') / (1024 * 1024);
     }
 
+    public function maxFilenameLength(): int
+    {
+        return config('media-library.max_filename_length', 200);
+    }
+
     /**
      * Determine the supported uploaded image types
      * 
@@ -83,4 +95,9 @@ public function supportedMimes(): array
         return $mimes;
     }
 
+    public function supportedMimeString(): string
+    {
+        return implode(', ', $this->supportedMimes());
+    }
+
 }
diff --git a/app/Rules/FilenameLengthRule.php b/app/Rules/FilenameLengthRule.php
new file mode 100644
index 00000000..d2612985
--- /dev/null
+++ b/app/Rules/FilenameLengthRule.php
@@ -0,0 +1,25 @@
+<?php
+
+namespace App\Rules;
+
+use Closure;
+use Illuminate\Contracts\Validation\ValidationRule;
+use Illuminate\Http\UploadedFile;
+
+class FilenameLengthRule implements ValidationRule
+{
+    public function __construct(private int $maxLength = 100) {}
+
+    public function validate(string $attribute, mixed $value, Closure $fail): void
+    {
+        if (! $value instanceof UploadedFile) {
+            return;
+        }
+
+        $name = $value->getClientOriginalName();
+
+        if (mb_strlen($name) > $this->maxLength) {
+            $fail("The :attribute filename must not exceed {$this->maxLength} characters.");
+        }
+    }
+}
\ No newline at end of file
diff --git a/config/media-library.php b/config/media-library.php
index 495fed7a..bbbd44ba 100644
--- a/config/media-library.php
+++ b/config/media-library.php
@@ -53,6 +53,11 @@
      */
     'max_file_size' => 1024 * 1024 * ((int) env('IMAGE_MAX_MB', 16)),
 
+    /**
+     * The maximum filename character length. (Profiles app specific setting)
+     */
+    'max_filename_length' => (int) env('IMAGE_MAX_FILENAME_LENGTH', 200),
+
     /*
      * Uploads whose file name contains any of these extensions will be rejected.
      * The check looks at every extension in the file name, so a file named
diff --git a/public/js/app.js b/public/js/app.js
index 07d287a3..5d929421 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -194,7 +194,7 @@ var profiles = function ($, undefined) {
     var item_template = document.querySelector((_options$template = options.template) !== null && _options$template !== void 0 ? _options$template : 'form .record');
     var item_container = (_document$querySelect = document.querySelector(options.insertInto)) !== null && _document$querySelect !== void 0 ? _document$querySelect : item_template.parentElement;
     if (item_template) {
-      var _new_item$querySelect, _new_item$querySelect2, _new_item$querySelect3, _new_item$querySelect4, _new_item$querySelect5, _new_item$querySelect6, _new_item$querySelect7, _new_item$querySelect8, _new_item$querySelect9, _new_item$querySelect0;
+      var _new_item$querySelect, _new_item$querySelect2, _new_item$querySelect3, _new_item$querySelect4, _new_item$querySelect5, _new_item$querySelect6, _new_item$querySelect7, _new_item$querySelect8, _new_item$querySelect9, _new_item$querySelect0, _new_item$querySelect1;
       var old_id = item_template.dataset.rowId;
       var new_id;
       if (Number(item_container.dataset.nextRowId) >= 0) {
@@ -239,10 +239,19 @@ var profiles = function ($, undefined) {
           return preview_selected_image(event);
         });
       });
-      (_new_item$querySelect9 = new_item.querySelectorAll('.datepicker.year')) === null || _new_item$querySelect9 === void 0 || _new_item$querySelect9.forEach(function (el) {
+      (_new_item$querySelect9 = new_item.querySelectorAll('[data-toggle="popover"]')) === null || _new_item$querySelect9 === void 0 || _new_item$querySelect9.forEach(function (el) {
+        $(el).popover({
+          html: true,
+          content: function content() {
+            var _document$querySelect2, _document$querySelect3;
+            return (_document$querySelect2 = (_document$querySelect3 = document.querySelector(el.dataset.popoverContent)) === null || _document$querySelect3 === void 0 ? void 0 : _document$querySelect3.innerHTML) !== null && _document$querySelect2 !== void 0 ? _document$querySelect2 : '';
+          }
+        });
+      });
+      (_new_item$querySelect0 = new_item.querySelectorAll('.datepicker.year')) === null || _new_item$querySelect0 === void 0 || _new_item$querySelect0.forEach(function (el) {
         $(el).datepicker(config.datepicker.year);
       });
-      (_new_item$querySelect0 = new_item.querySelectorAll('.datepicker.month')) === null || _new_item$querySelect0 === void 0 || _new_item$querySelect0.forEach(function (el) {
+      (_new_item$querySelect1 = new_item.querySelectorAll('.datepicker.month')) === null || _new_item$querySelect1 === void 0 || _new_item$querySelect1.forEach(function (el) {
         $(el).datepicker(config.datepicker.month);
       });
       $(new_item).hide();
@@ -705,9 +714,9 @@ $(function () {
 // Trix editor settings
 if ((typeof Trix === "undefined" ? "undefined" : _typeof(Trix)) === 'object') {
   document.addEventListener('trix-initialize', function (e) {
-    var _document$querySelect2, _document$querySelect3;
-    (_document$querySelect2 = document.querySelector('trix-toolbar .trix-button-group--history-tools')) === null || _document$querySelect2 === void 0 || _document$querySelect2.remove();
-    (_document$querySelect3 = document.querySelector('trix-toolbar .trix-button-group--file-tools')) === null || _document$querySelect3 === void 0 || _document$querySelect3.remove();
+    var _document$querySelect4, _document$querySelect5;
+    (_document$querySelect4 = document.querySelector('trix-toolbar .trix-button-group--history-tools')) === null || _document$querySelect4 === void 0 || _document$querySelect4.remove();
+    (_document$querySelect5 = document.querySelector('trix-toolbar .trix-button-group--file-tools')) === null || _document$querySelect5 === void 0 || _document$querySelect5.remove();
   });
   document.addEventListener('trix-file-accept', function (e) {
     e.preventDefault();
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index dcb76aea..9fbf1ff4 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -1,6 +1,6 @@
 {
-    "/js/app.js": "/js/app.js?id=d53948d8ce9ce761bd7ca1001d67e004",
-    "/js/app.js.map": "/js/app.js.map?id=271c8f103c569b8f5613b8778d48ee75",
+    "/js/app.js": "/js/app.js?id=6c1d77ea43cfb678cb0d6efd90432a64",
+    "/js/app.js.map": "/js/app.js.map?id=e46a550153ed34ce1a618062fa1a6070",
     "/js/manifest.js": "/js/manifest.js?id=dc9ead3d7857b522d7de22d75063453c",
     "/js/manifest.js.map": "/js/manifest.js.map?id=389e00e7d7680b68d4e1d128ce27ff48",
     "/css/app.css": "/css/app.css?id=0fd161f323dd5c77642c3240bbb47d16",
diff --git a/resources/assets/js/app.js b/resources/assets/js/app.js
index 6c13e022..7d46d382 100644
--- a/resources/assets/js/app.js
+++ b/resources/assets/js/app.js
@@ -187,6 +187,12 @@ var profiles = (function ($, undefined) {
             new_item.querySelectorAll('input[type="file"][accept^="image"]')?.forEach((el) => {
                 $(el).on('change', (event) => preview_selected_image(event));
             });
+            new_item.querySelectorAll('[data-toggle="popover"]')?.forEach((el) => {
+                $(el).popover({
+                    html: true,
+                    content: () => document.querySelector(el.dataset.popoverContent)?.innerHTML ?? '',
+                });
+            });
             new_item.querySelectorAll('.datepicker.year')?.forEach((el) => {
                 $(el).datepicker(config.datepicker.year);
             });
diff --git a/resources/views/profiles/edit/_img_rules.blade.php b/resources/views/profiles/edit/_img_rules.blade.php
new file mode 100644
index 00000000..772f736e
--- /dev/null
+++ b/resources/views/profiles/edit/_img_rules.blade.php
@@ -0,0 +1,8 @@
+@php
+$img_request = new \App\Http\Requests\ProfileImageRequest();
+@endphp
+<div id="img-rules" style="display:none">
+    <p class="m-1"><small>Supported file types: {{ $img_request->supportedMimeString() }}.</small></p>
+    <p class="m-1"><small>Maximum file size: {{ $img_request->maxFilesize() }} MB.</small></p>
+    <p class="m-1"><small>Maximum file name length: {{ $img_request->maxFilenameLength() }} characters.</small></p>
+</div>
\ No newline at end of file
diff --git a/resources/views/profiles/edit/information.blade.php b/resources/views/profiles/edit/information.blade.php
index ba3c214a..6acb5270 100644
--- a/resources/views/profiles/edit/information.blade.php
+++ b/resources/views/profiles/edit/information.blade.php
@@ -6,6 +6,8 @@
 			<label for="file">Icon</label>
 			<img id="file-img" class="profile_photo" src="{{ $profile->imageUrl }}" />
 			<br />
+			<small class="form-text text-muted"> Image requirements <a role="button" tabindex="0" aria-label="image requirements information" data-toggle="popover" data-trigger="focus" data-popover-content="#img-rules"><i class="fas fa-question-circle"></i></a></small>
+			@include('profiles.edit._img_rules')
 			<br />
 			<div class="control-group">
 				<div class="controls">
@@ -24,6 +26,7 @@
 			<label for="banner">Banner</label>
 			<img id="banner-img" class="profile_photo" src="{{ $profile->banner_url }}" />
 			<br />
+				<small class="form-text text-muted"> Image requirements <a role="button" tabindex="0" aria-label="image requirements information" data-toggle="popover" data-trigger="focus" data-popover-content="#img-rules"><i class="fas fa-question-circle"></i></a></small>
 			<br />
 			<div class="control-group">
 				<div class="controls">
diff --git a/resources/views/profiles/edit/news.blade.php b/resources/views/profiles/edit/news.blade.php
index 89595643..576207b2 100644
--- a/resources/views/profiles/edit/news.blade.php
+++ b/resources/views/profiles/edit/news.blade.php
@@ -37,7 +37,7 @@
                 <label for="data[{{ $news->id }}][image]-img">Image</label>
                 <img class="uploaded-image w-100 d-flex" id="data[{{ $news->id }}][image]-img"
                     src="@if ($news->imageUrl != asset('/img/default.png')) {{ $news->imageUrl }} @endif">
-                <div class="custom-file form-control">
+                <div class="custom-file form-control" style="margin-bottom: 0px!important;">
                     <input type="file" id="data[{{ $news->id }}][image]" name="data[{{ $news->id }}][image]"
                         accept="image/*" class="custom-file-input clickable">
                     <label id="label-{{ $news->id }}" for="data[{{ $news->id }}][image]"
@@ -45,6 +45,7 @@ class="custom-file-label">
                         {{ $news->image->file_name ?? 'Select an image' }}
                     </label>
                 </div>
+                <small class="form-text text-muted"> Image requirements <a role="button" tabindex="0" aria-label="image requirements information" data-toggle="popover" data-trigger="focus" data-popover-content="#img-rules"><i class="fas fa-question-circle"></i></a></small>
                 @foreach ($errors->get("data.{$news->id}.image") as $image_error)
                     @include('alert', ['message' => $image_error, 'type' => 'danger'])
                     <p class="d-block invalid-feedback"><i class="fas fa-asterisk"></i> {!! $image_error !!}</p>
@@ -57,4 +58,5 @@ class="custom-file-label">
             </div>
         </div>
     @endforeach
+    @include('profiles.edit._img_rules')
 @endsection